UNPKG

@payfit/unity-components

Version:

45 lines (44 loc) 1.47 kB
import { Text as e } from "../text/Text.js"; import { Label as t } from "../label/Label.js"; import { cloneElement as n, forwardRef as r, isValidElement as i } from "react"; import { uyTv as a } from "@payfit/unity-themes"; import { jsx as o, jsxs as s } from "react/jsx-runtime"; import { CheckboxGroup as c } from "react-aria-components/CheckboxGroup"; //#region src/components/checkbox-group/CheckboxGroup.tsx var l = a({ base: "uy:flex uy:flex-col uy:gap-50" }), u = r(({ label: r, helperText: a, feedbackText: u, isDisabled: d, isReadOnly: f, isInvalid: p, isRequired: m, isLoading: h, children: g, requiredVariant: _, ...v }, y) => /* @__PURE__ */ s(c, { isDisabled: d, isReadOnly: f, isInvalid: p, isRequired: m, isLoading: h, ...v, ref: y, className: l(), children: [ r && /* @__PURE__ */ o(t, { isRequired: m, requiredVariant: _, children: r }), a && /* @__PURE__ */ o(e, { variant: "bodySmall", color: "content.neutral.low", slot: "description", children: a }), /* @__PURE__ */ o("div", { className: "uy:mt-100 uy:flex uy:flex-col uy:gap-150 uy:py-25", "data-dd-privacy": "mask", children: g }), p && (typeof u == "string" ? /* @__PURE__ */ o(e, { variant: "bodySmallStrong", color: "content.form.invalid", slot: "errorMessage", children: u }) : i(u) && n(u, { slot: "errorMessage" })) ] })); u.displayName = "CheckboxGroup"; //#endregion export { u as CheckboxGroup, l as checkboxGroup };