"use client" import * as React from "react" import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox" import { CheckIcon, MinusIcon } from "lucide-react" import { cn } from "@/lib/utils" // The box both parts draw, so a row's mark can't drift from the control. const BOX = "relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input bg-input-subtle data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground [&_svg]:size-3.5" function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) { return ( ) } /** * A checkbox's look without its behavior, for a row that is already the * control, such as a listbox option, where a nested checkbox would be a * second control inside the first. */ function CheckboxMark({ checked = false, className, ...props }: Omit, "children"> & { /** Ticked, empty, or `indeterminate` for a dash. */ checked?: boolean | "indeterminate" }) { return ( ) } export { Checkbox, CheckboxMark }