laif-ds/dist/components/ui/checkbox.js

Design System di Laif con componenti React basati su principi di Atomic Design

"use client";
import { jsx as e } from "react/jsx-runtime";
import { Checkbox as t, CheckboxIndicator as a } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
import { cn as d } from "../../lib/utils.js";
import o from "../../node_modules/lucide-react/dist/esm/icons/check.js";
function b({
  className: r,
  ...i
}) {
  return /* @__PURE__ */ e(
    t,
    {
      "data-slot": "checkbox",
      className: d(
        "peer border-d-input dark:bg-d-input/30 data-[state=checked]:bg-d-primary data-[state=checked]:text-d-primary-foreground dark:data-[state=checked]:bg-d-primary data-[state=checked]:border-d-primary focus-visible:border-d-ring focus-visible:ring-d-ring/50 aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
        r
      ),
      ...i,
      children: /* @__PURE__ */ e(
        a,
        {
          "data-slot": "checkbox-indicator",
          className: "flex items-center justify-center text-current transition-none",
          children: /* @__PURE__ */ e(o, { className: "size-3.5" })
        }
      )
    }
  );
}
export {
  b as Checkbox
};