add checkbox component

[kath45823]

No description provided.

[vercel]

@kath45823 is attempting to deploy a commit to the ScottyLabs Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sentry]

Bug: The Checkbox component hardcodes the defaultChecked prop, causing all instances to be checked by default instead of inheriting the value from props.
_{Severity: HIGH}

🔍 Detailed Analysis

The Checkbox component at lib/components/Checkbox/index.tsx hardcodes the defaultChecked prop. This causes all instances of the checkbox to be checked by default, which is contrary to standard UI behavior and the Base UI library's own default (false). The component's Storybook stories for Neutral and Brand do not pass defaultChecked, implying they should be unchecked, but they will render as checked. This forces consumers to explicitly and unintuitively pass defaultChecked={false} to achieve the standard unchecked state.

💡 Suggested Fix

Remove the hardcoded defaultChecked prop from the <BaseUICheckbox.Root> component in lib/components/Checkbox/index.tsx. Allow the checked state to be controlled by spreading the props object, which will correctly handle the defaultChecked value if provided by the consumer.

🤖 Prompt for AI Agent

Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: lib/components/Checkbox/index.tsx#L47

Potential issue: The `Checkbox` component at `lib/components/Checkbox/index.tsx`
hardcodes the `defaultChecked` prop. This causes all instances of the checkbox to be
checked by default, which is contrary to standard UI behavior and the Base UI library's
own default (`false`). The component's Storybook stories for `Neutral` and `Brand` do
not pass `defaultChecked`, implying they should be unchecked, but they will render as
checked. This forces consumers to explicitly and unintuitively pass
`defaultChecked={false}` to achieve the standard unchecked state.

_{Did we get this right? 👍 / 👎 to inform future reviews.
Reference ID: 8372246}