var Component=(()=>{var D=Object.create;var t=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var b=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),u=(n,e)=>{for(var r in e)t(n,r,{get:e[r],enumerable:!0})},p=(n,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of B(e))!x.call(n,c)&&c!==r&&t(n,c,{get:()=>e[c],enumerable:!(a=F(e,c))||a.enumerable});return n};var g=(n,e,r)=>(r=n!=null?D(m(n)):{},p(e||!n||!n.__esModule?t(r,"default",{value:n,enumerable:!0}):r,n)),k=n=>p(t({},"__esModule",{value:!0}),n);var A=b((I,y)=>{y.exports=_jsx_runtime});var N={};u(N,{default:()=>w,frontmatter:()=>f});var l=g(A()),f={title:"Checkbox",description:"A checkbox is a form component that allows the user to select one or more options from a set.",component:!0,type:"Doc",package:{name:"ui",path:"checkbox.tsx"}};function C(n){let e=Object.assign({figure:"figure",pre:"pre",code:"code",span:"span",h2:"h2",a:"a",h3:"h3"},n.components),{ComponentExample:r,CheckboxDemo:a,CheckboxWithText:c,CheckboxDisabled:o,CheckboxIcon:i,CheckboxColors:d,CheckboxError:h}=e;return d||s("CheckboxColors",!0),a||s("CheckboxDemo",!0),o||s("CheckboxDisabled",!0),h||s("CheckboxError",!0),i||s("CheckboxIcon",!0),c||s("CheckboxWithText",!0),r||s("ComponentExample",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(r,{src:"/src/components/examples/checkbox/demo.tsx",children:[(0,l.jsx)(a,{}),(0,l.jsx)(e.figure,{__src__:"/src/components/examples/checkbox/demo.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'use client'"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Checkbox } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'@nerdfish/ui'"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#DCBDFB"},children:"CheckboxDemo"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"div"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"flex items-center space-x-2"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"name"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"newsletter"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"label"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"Subscribe to our newsletter"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h2,{id:"usage",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsx)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Checkbox } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'@nerdfish/ui'"})]})})})}),` `,(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsx)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"<"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})]})})})}),` `,(0,l.jsxs)(e.h2,{id:"examples",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#examples",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Examples"]}),` `,(0,l.jsxs)(e.h3,{id:"with-text",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#with-text",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"With text"]}),` `,(0,l.jsxs)(r,{src:"/src/components/examples/checkbox/with-text.tsx",children:[(0,l.jsx)(c,{}),(0,l.jsx)(e.figure,{__src__:"/src/components/examples/checkbox/with-text.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'use client'"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Checkbox } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'@nerdfish/ui'"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#DCBDFB"},children:"CheckboxWithText"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"div"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"items-top flex flex-col space-y-2"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"name"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"newsletters3"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"label"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"Subscribe to our newsletter"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"p"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"text-muted mt-2 text-sm"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" We"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"'"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"ll send you the latest news and updates."})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"disabled",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#disabled",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Disabled"]}),` `,(0,l.jsxs)(r,{src:"/src/components/examples/checkbox/disabled.tsx",children:[(0,l.jsx)(o,{}),(0,l.jsx)(e.figure,{__src__:"/src/components/examples/checkbox/disabled.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'use client'"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Checkbox } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'@nerdfish/ui'"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#DCBDFB"},children:"CheckboxDisabled"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"div"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"flex flex-col items-center gap-6 space-x-2"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"name"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"newsletter2"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"label"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"Subscribe to our newsletter"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"disabled"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"checked"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"name"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"newsletter3"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"label"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"Subscribe to our newsletter"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"disabled"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"icon",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#icon",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Icon"]}),` `,(0,l.jsxs)(r,{src:"/src/components/examples/checkbox/icon.tsx",children:[(0,l.jsx)(i,{}),(0,l.jsx)(e.figure,{__src__:"/src/components/examples/checkbox/icon.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'use client'"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Checkbox } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'@nerdfish/ui'"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Cross } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'lucide-react'"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#DCBDFB"},children:"CheckboxIcon"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"div"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"flex items-center space-x-2"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"icon"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"={"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"Cross"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"}"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"name"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"newsletter5"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"label"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"Subscribe to our newsletter"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"defaultChecked"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"colors",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#colors",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Colors"]}),` `,(0,l.jsxs)(r,{src:"/src/components/examples/checkbox/colors.tsx",children:[(0,l.jsx)(d,{}),(0,l.jsx)(e.figure,{__src__:"/src/components/examples/checkbox/colors.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'use client'"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Checkbox } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'@nerdfish/ui'"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#DCBDFB"},children:"CheckboxColors"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"div"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"items-top flex flex-col space-x-2"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"bgClassName"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"bg-danger"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"textClassName"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"text-danger"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"name"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"newsletters4"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"label"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"Subscribe to our newsletter"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"defaultChecked"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(e.h3,{id:"error",children:[(0,l.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#error",children:(0,l.jsx)(e.span,{className:"icon icon-link"})}),"Error"]}),` `,(0,l.jsxs)(r,{src:"/src/components/examples/checkbox/error.tsx",children:[(0,l.jsx)(h,{}),(0,l.jsx)(e.figure,{__src__:"/src/components/examples/checkbox/error.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-dimmed",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'use client'"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" { Checkbox } "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:"'@nerdfish/ui'"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#DCBDFB"},children:"CheckboxError"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"() {"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"div"}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"className"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"flex items-center space-x-2"'}),(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Checkbox"})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"name"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"newsletter6"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"label"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"Subscribe to our newsletter"'})]}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6CB6FF"},children:"error"}),(0,l.jsx)(e.span,{style:{color:"#F47067"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96D0FF"},children:'"This is an error message"'})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" />"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:" )"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#ADBAC7"},children:"}"})})]})})})]})]})}function _(n={}){let{wrapper:e}=n.components||{};return e?(0,l.jsx)(e,Object.assign({},n,{children:(0,l.jsx)(C,n)})):C(n)}var w=_;function s(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return k(N);})(); ;return Component;