@accelint/design-toolkit/dist/components/checkbox/index.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

'use client';

import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Remove,Check}from'@accelint/icons';import'client-only';import {useContextProps,Checkbox,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {CheckboxContext}from'./context.js';import {CheckboxStyles}from'./styles.js';const{checkbox:N,control:u,label:P}=CheckboxStyles();function g({ref:s,...c}){[c,s]=useContextProps(c,s??null,CheckboxContext);const{classNames:a,children:l,...n}=c;return jsx(Checkbox,{...n,ref:s,className:composeRenderProps(a?.checkbox,e=>N({className:e})),children:composeRenderProps(l,(e,{isIndeterminate:p,isSelected:m})=>jsxs(Fragment,{children:[jsx("span",{className:u({className:a?.control}),children:jsxs(Icon,{size:"small",children:[p&&!m&&jsx(Remove,{}),m&&jsx(Check,{})]})}),e&&jsx("span",{className:P({className:a?.label}),children:e})]}))})}export{g as Checkbox};//# sourceMappingURL=index.js.map
//# sourceMappingURL=index.js.map