laif-ds/dist/components/ui/radio-group.js

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

"use client";
import { jsx as r } from "react/jsx-runtime";
import { Root as a, Item as t, Indicator as d } from "../../node_modules/@radix-ui/react-radio-group/dist/index.js";
import { cn as o } from "../../lib/utils.js";
import s from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
function m({
  className: i,
  ...e
}) {
  return /* @__PURE__ */ r(
    a,
    {
      "data-slot": "radio-group",
      className: o("grid gap-3", i),
      ...e
    }
  );
}
function p({
  className: i,
  ...e
}) {
  return /* @__PURE__ */ r(
    t,
    {
      "data-slot": "radio-group-item",
      className: o(
        "border-d-border text-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 dark:bg-d-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
        i
      ),
      ...e,
      children: /* @__PURE__ */ r(
        d,
        {
          "data-slot": "radio-group-indicator",
          className: "relative flex items-center justify-center",
          children: /* @__PURE__ */ r(s, { className: "fill-d-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
        }
      )
    }
  );
}
export {
  m as RadioGroup,
  p as RadioGroupItem
};