welcome-ui/dist/FieldGroup.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import './FieldGroup.css';
import { jsxs as t, jsx as m } from "react/jsx-runtime";
import { forwardRef as c } from "react";
import { Label as n } from "./Label.js";
import { c as p } from "./index-B6iGEm-i.js";
const f = "_root_gw0mz_2", u = {
  root: f,
  "visually-hidden": "_visually-hidden_gw0mz_13"
}, s = p(u), _ = c(
  ({ children: o, className: e, hideLabel: l, label: r, required: i, ...a }, d) => /* @__PURE__ */ t("fieldset", { className: s("root", e), ref: d, ...a, children: [
    /* @__PURE__ */ m(n, { as: "legend", className: s(l && "visually-hidden"), required: i, children: r }),
    o
  ] })
);
_.displayName = "FieldGroup";
export {
  _ as FieldGroup,
  u as fieldGroupClasses
};