@postenbring/hedwig-react 0.0.60 → 0.0.61

package/dist/form/radiobutton/index.js

@@ -49,21 +49,139 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/form/radiobutton/index.tsx
 var radiobutton_exports = {};
 __export(radiobutton_exports, {
+  RadioGroup: () => RadioGroup,
   Radiobutton: () => Radiobutton
 });
 module.exports = __toCommonJS(radiobutton_exports);
 
 // src/form/radiobutton/radiobutton.tsx
+var import_react3 = require("react");
+var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
+
+// src/form/radiobutton/radiogroup.tsx
+var import_react2 = require("react");
+
+// src/form/fieldset/fieldset.tsx
 var import_react = require("react");
+var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
+
+// src/form/error-message/error-message.tsx
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Radiobutton = (0, import_react.forwardRef)(
+function ErrorMessage({ children, id, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "aria-live": "assertive",
+      className: (0, import_typed_classname.clsx)("hds-error-message", className),
+      id,
+      children
+    }
+  );
+}
+
+// src/form/fieldset/fieldset.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
+  var _b = _a, {
+    className,
+    style,
+    errorMessage,
+    legendProps: _c = {}
+  } = _b, _d = _c, { size: legendSize = "default", className: legendClassName } = _d, legendProps = __objRest(_d, ["size", "className"]), _e = _b, {
+    legend,
+    children
+  } = _e, rest = __objRest(_e, [
+    "className",
+    "style",
+    "errorMessage",
+    "legendProps",
+    "legend",
+    "children"
+  ]);
+  const errorMessageId = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "fieldset",
+    __spreadProps(__spreadValues({
+      "aria-describedby": errorMessage ? errorMessageId : void 0,
+      "aria-invalid": errorMessage ? true : void 0,
+      className: (0, import_typed_classname2.clsx)("hds-fieldset", className),
+      ref,
+      style
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "legend",
+          __spreadProps(__spreadValues({
+            className: (0, import_typed_classname2.clsx)(
+              "hds-fieldset__legend",
+              { [`hds-fieldset__legend--${legendSize}`]: legendSize },
+              legendClassName
+            )
+          }, legendProps), {
+            children: legend
+          })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_typed_classname2.clsx)("hds-fieldset__input-wrapper"), children }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
+      ]
+    })
+  );
+});
+
+// src/form/radiobutton/radiogroup.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var RadioGroupContext = (0, import_react2.createContext)({
+  hasError: false,
+  onChange: () => {
+    return void 0;
+  }
+});
+var useRadioGroupContext = () => (0, import_react2.useContext)(RadioGroupContext);
+var RadioGroup = (0, import_react2.forwardRef)(function RadioGroup2(_a, ref) {
+  var _b = _a, { name, value, errorMessage, onChange, children } = _b, rest = __objRest(_b, ["name", "value", "errorMessage", "onChange", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
+});
+RadioGroup.displayName = "RadioGroup";
+
+// src/form/radiobutton/radiobutton.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var isChecked = ({
+  checked,
+  selectedValue,
+  value
+}) => {
+  if (typeof checked !== "undefined")
+    return checked;
+  if (typeof selectedValue !== "undefined")
+    return value === selectedValue;
+  return void 0;
+};
+var Radiobutton = (0, import_react3.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { variant = "plain", hasError, title, children, className } = _b, rest = __objRest(_b, ["variant", "hasError", "title", "children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    var _b = _a, {
+      checked,
+      value,
+      variant = "plain",
+      hasError: hasErrorProp,
+      title,
+      children,
+      className
+    } = _b, rest = __objRest(_b, [
+      "checked",
+      "value",
+      "variant",
+      "hasError",
+      "title",
+      "children",
+      "className"
+    ]);
+    const _a2 = useRadioGroupContext(), { value: selectedValue, hasError: hasErrorContext } = _a2, context = __objRest(_a2, ["value", "hasError"]);
+    const hasError = hasErrorContext || hasErrorProp;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
-        className: (0, import_typed_classname.clsx)(
+        className: (0, import_typed_classname3.clsx)(
           "hds-radiobutton",
           {
             [`hds-radiobutton--${variant}`]: variant === "bounding-box",
@@ -72,10 +190,18 @@ var Radiobutton = (0, import_react.forwardRef)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", __spreadProps(__spreadValues({}, rest), { ref, type: "radio" })),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
-            title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "input",
+              __spreadProps(__spreadValues(__spreadValues({}, context), rest), {
+                checked: isChecked({ checked, selectedValue, value }),
+                value,
+                ref,
+                type: "radio"
+              })
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
+            title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
           ] }),
           title ? children : null
         ]
@@ -86,6 +212,7 @@ var Radiobutton = (0, import_react.forwardRef)(
 Radiobutton.displayName = "Radiobutton";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  RadioGroup,
   Radiobutton
 });
 //# sourceMappingURL=index.js.map

package/dist/form/radiobutton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/form/radiobutton/index.tsx","../../../src/form/radiobutton/radiobutton.tsx"],"sourcesContent":["export { Radiobutton } from \"./radiobutton\";\nexport type * from \"./radiobutton\";\n","import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface RadiobuttonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  variant?: \"plain\" | \"bounding-box\";\n  hasError?: boolean;\n  title?: string;\n}\n\nexport const Radiobutton = forwardRef<HTMLInputElement, RadiobuttonProps>(\n  ({ variant = \"plain\", hasError, title, children, className, ...rest }, ref) => {\n    return (\n      <div\n        className={clsx(\n          \"hds-radiobutton\",\n          {\n            [`hds-radiobutton--${variant}`]: variant === \"bounding-box\",\n            \"hds-radiobutton--error\": hasError,\n          },\n          className as undefined,\n        )}\n      >\n        <label>\n          <input {...rest} ref={ref} type=\"radio\" />\n          <span aria-hidden className=\"hds-radiobutton__checkmark\" />\n          {title ? <p className=\"hds-radiobutton__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\nRadiobutton.displayName = \"Radiobutton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mBAAkC;AAClC,6BAAqB;AAsBb;AAbD,IAAM,kBAAc;AAAA,EACzB,CAAC,IAAsE,QAAQ;AAA9E,iBAAE,YAAU,SAAS,UAAU,OAAO,UAAU,UAZnD,IAYG,IAA8D,iBAA9D,IAA8D,CAA5D,WAAmB,YAAU,SAAO,YAAU;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,CAAC,oBAAoB,OAAO,EAAE,GAAG,YAAY;AAAA,YAC7C,0BAA0B;AAAA,UAC5B;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,uDAAC,WACC;AAAA,wDAAC,0CAAU,OAAV,EAAgB,KAAU,MAAK,UAAQ;AAAA,YACxC,4CAAC,UAAK,eAAW,MAAC,WAAU,8BAA6B;AAAA,YACxD,QAAQ,4CAAC,OAAE,WAAU,0BAA0B,iBAAM,IAAO;AAAA,aAC/D;AAAA,UACC,QAAQ,WAAW;AAAA;AAAA;AAAA,IACtB;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/form/radiobutton/index.tsx","../../../src/form/radiobutton/radiobutton.tsx","../../../src/form/radiobutton/radiogroup.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["export { Radiobutton } from \"./radiobutton\";\nexport type * from \"./radiobutton\";\nexport { RadioGroup } from \"./radiogroup\";\nexport type * from \"./radiogroup\";\n","import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { type RadioGroupProps, useRadioGroupContext } from \"./radiogroup\";\n\nexport interface RadiobuttonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  variant?: \"plain\" | \"bounding-box\";\n  hasError?: boolean;\n  title?: string;\n}\n\nconst isChecked = ({\n  checked,\n  selectedValue,\n  value,\n}: Pick<RadiobuttonProps, \"checked\" | \"value\"> & {\n  selectedValue: RadioGroupProps[\"value\"];\n}) => {\n  if (typeof checked !== \"undefined\") return checked;\n  if (typeof selectedValue !== \"undefined\") return value === selectedValue;\n  return undefined;\n};\n\nexport const Radiobutton = forwardRef<HTMLInputElement, RadiobuttonProps>(\n  (\n    {\n      checked,\n      value,\n      variant = \"plain\",\n      hasError: hasErrorProp,\n      title,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { value: selectedValue, hasError: hasErrorContext, ...context } = useRadioGroupContext();\n    const hasError = hasErrorContext || hasErrorProp;\n    return (\n      <div\n        className={clsx(\n          \"hds-radiobutton\",\n          {\n            [`hds-radiobutton--${variant}`]: variant === \"bounding-box\",\n            \"hds-radiobutton--error\": hasError,\n          },\n          className as undefined,\n        )}\n      >\n        <label>\n          <input\n            {...context}\n            {...rest}\n            checked={isChecked({ checked, selectedValue, value })}\n            value={value}\n            ref={ref}\n            type=\"radio\"\n          />\n          <span aria-hidden className=\"hds-radiobutton__checkmark\" />\n          {title ? <p className=\"hds-radiobutton__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\n\nRadiobutton.displayName = \"Radiobutton\";\n","import {\n  type ChangeEventHandler,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  useContext,\n} from \"react\";\nimport { Fieldset, type FieldsetProps } from \"../fieldset\";\nimport type { RadiobuttonProps } from \"./radiobutton\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  /** Will be passed to all Radiobuttons within the radio group */\n  name?: RadiobuttonProps[\"name\"];\n  /** If you want the group to be controlled, you can pass the selected value here */\n  value?: RadiobuttonProps[\"value\"];\n  /**\n   * Error message is passed to the internal Fieldset,\n   * and also marks all radiobuttons as invalid\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radiobuttons within the radio group */\n  onChange?: ChangeEventHandler<HTMLInputElement> | undefined;\n}\n\ntype RadioGroupContextProps = {\n  hasError: boolean;\n} & Pick<RadioGroupProps, \"name\" | \"value\" | \"onChange\">;\n\nconst RadioGroupContext = createContext<RadioGroupContextProps>({\n  hasError: false,\n  onChange: () => {\n    return undefined;\n  },\n});\n\nexport const useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  { name, value, errorMessage, onChange, children, ...rest },\n  ref,\n) {\n  return (\n    <RadioGroupContext.Provider value={{ name, value, hasError: Boolean(errorMessage), onChange }}>\n      <Fieldset errorMessage={errorMessage} {...rest} ref={ref}>\n        {children}\n      </Fieldset>\n    </RadioGroupContext.Provider>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  className?: string;\n  style?: CSSProperties;\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n  {\n    className,\n    style,\n    errorMessage,\n    legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n    legend,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const errorMessageId = useId();\n\n  return (\n    <fieldset\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      aria-invalid={errorMessage ? true : undefined}\n      className={clsx(\"hds-fieldset\", className as undefined)}\n      ref={ref}\n      style={style}\n      {...rest}\n    >\n      <legend\n        className={clsx(\n          \"hds-fieldset__legend\",\n          { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n          legendClassName as undefined,\n        )}\n        {...legendProps}\n      >\n        {legend}\n      </legend>\n      <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n  return (\n    <div\n      aria-live=\"assertive\"\n      className={clsx(\"hds-error-message\", className as undefined)}\n      id={id}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_typed_classname","import_jsx_runtime","Fieldset","import_jsx_runtime","RadioGroup","import_jsx_runtime","_a"]}

package/dist/form/radiobutton/index.mjs

@@ -1,9 +1,17 @@
-import "../../chunk-MQ3EEUTP.mjs";
+import "../../chunk-2KX7VFN2.mjs";
 import {
   Radiobutton
-} from "../../chunk-SEKRICE4.mjs";
+} from "../../chunk-WGVZWX5L.mjs";
+import {
+  RadioGroup
+} from "../../chunk-V4NGUB4I.mjs";
+import "../../chunk-LMF3QGSF.mjs";
+import "../../chunk-37WVYY6X.mjs";
+import "../../chunk-NSLSA7F7.mjs";
+import "../../chunk-IL7576PP.mjs";
 import "../../chunk-R4SQKVDQ.mjs";
 export {
+  RadioGroup,
   Radiobutton
 };
 //# sourceMappingURL=index.mjs.map

package/dist/form/radiobutton/radiobutton.js

@@ -52,16 +52,133 @@ __export(radiobutton_exports, {
   Radiobutton: () => Radiobutton
 });
 module.exports = __toCommonJS(radiobutton_exports);
+var import_react3 = require("react");
+var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
+
+// src/form/radiobutton/radiogroup.tsx
+var import_react2 = require("react");
+
+// src/form/fieldset/fieldset.tsx
 var import_react = require("react");
+var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
+
+// src/form/error-message/error-message.tsx
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Radiobutton = (0, import_react.forwardRef)(
+function ErrorMessage({ children, id, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "aria-live": "assertive",
+      className: (0, import_typed_classname.clsx)("hds-error-message", className),
+      id,
+      children
+    }
+  );
+}
+
+// src/form/fieldset/fieldset.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
+  var _b = _a, {
+    className,
+    style,
+    errorMessage,
+    legendProps: _c = {}
+  } = _b, _d = _c, { size: legendSize = "default", className: legendClassName } = _d, legendProps = __objRest(_d, ["size", "className"]), _e = _b, {
+    legend,
+    children
+  } = _e, rest = __objRest(_e, [
+    "className",
+    "style",
+    "errorMessage",
+    "legendProps",
+    "legend",
+    "children"
+  ]);
+  const errorMessageId = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "fieldset",
+    __spreadProps(__spreadValues({
+      "aria-describedby": errorMessage ? errorMessageId : void 0,
+      "aria-invalid": errorMessage ? true : void 0,
+      className: (0, import_typed_classname2.clsx)("hds-fieldset", className),
+      ref,
+      style
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "legend",
+          __spreadProps(__spreadValues({
+            className: (0, import_typed_classname2.clsx)(
+              "hds-fieldset__legend",
+              { [`hds-fieldset__legend--${legendSize}`]: legendSize },
+              legendClassName
+            )
+          }, legendProps), {
+            children: legend
+          })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_typed_classname2.clsx)("hds-fieldset__input-wrapper"), children }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
+      ]
+    })
+  );
+});
+
+// src/form/radiobutton/radiogroup.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var RadioGroupContext = (0, import_react2.createContext)({
+  hasError: false,
+  onChange: () => {
+    return void 0;
+  }
+});
+var useRadioGroupContext = () => (0, import_react2.useContext)(RadioGroupContext);
+var RadioGroup = (0, import_react2.forwardRef)(function RadioGroup2(_a, ref) {
+  var _b = _a, { name, value, errorMessage, onChange, children } = _b, rest = __objRest(_b, ["name", "value", "errorMessage", "onChange", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
+});
+RadioGroup.displayName = "RadioGroup";
+
+// src/form/radiobutton/radiobutton.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var isChecked = ({
+  checked,
+  selectedValue,
+  value
+}) => {
+  if (typeof checked !== "undefined")
+    return checked;
+  if (typeof selectedValue !== "undefined")
+    return value === selectedValue;
+  return void 0;
+};
+var Radiobutton = (0, import_react3.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { variant = "plain", hasError, title, children, className } = _b, rest = __objRest(_b, ["variant", "hasError", "title", "children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    var _b = _a, {
+      checked,
+      value,
+      variant = "plain",
+      hasError: hasErrorProp,
+      title,
+      children,
+      className
+    } = _b, rest = __objRest(_b, [
+      "checked",
+      "value",
+      "variant",
+      "hasError",
+      "title",
+      "children",
+      "className"
+    ]);
+    const _a2 = useRadioGroupContext(), { value: selectedValue, hasError: hasErrorContext } = _a2, context = __objRest(_a2, ["value", "hasError"]);
+    const hasError = hasErrorContext || hasErrorProp;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
-        className: (0, import_typed_classname.clsx)(
+        className: (0, import_typed_classname3.clsx)(
           "hds-radiobutton",
           {
             [`hds-radiobutton--${variant}`]: variant === "bounding-box",
@@ -70,10 +187,18 @@ var Radiobutton = (0, import_react.forwardRef)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", __spreadProps(__spreadValues({}, rest), { ref, type: "radio" })),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
-            title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "input",
+              __spreadProps(__spreadValues(__spreadValues({}, context), rest), {
+                checked: isChecked({ checked, selectedValue, value }),
+                value,
+                ref,
+                type: "radio"
+              })
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
+            title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
           ] }),
           title ? children : null
         ]

package/dist/form/radiobutton/radiobutton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/form/radiobutton/radiobutton.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface RadiobuttonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  variant?: \"plain\" | \"bounding-box\";\n  hasError?: boolean;\n  title?: string;\n}\n\nexport const Radiobutton = forwardRef<HTMLInputElement, RadiobuttonProps>(\n  ({ variant = \"plain\", hasError, title, children, className, ...rest }, ref) => {\n    return (\n      <div\n        className={clsx(\n          \"hds-radiobutton\",\n          {\n            [`hds-radiobutton--${variant}`]: variant === \"bounding-box\",\n            \"hds-radiobutton--error\": hasError,\n          },\n          className as undefined,\n        )}\n      >\n        <label>\n          <input {...rest} ref={ref} type=\"radio\" />\n          <span aria-hidden className=\"hds-radiobutton__checkmark\" />\n          {title ? <p className=\"hds-radiobutton__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\nRadiobutton.displayName = \"Radiobutton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkC;AAClC,6BAAqB;AAsBb;AAbD,IAAM,kBAAc;AAAA,EACzB,CAAC,IAAsE,QAAQ;AAA9E,iBAAE,YAAU,SAAS,UAAU,OAAO,UAAU,UAZnD,IAYG,IAA8D,iBAA9D,IAA8D,CAA5D,WAAmB,YAAU,SAAO,YAAU;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,CAAC,oBAAoB,OAAO,EAAE,GAAG,YAAY;AAAA,YAC7C,0BAA0B;AAAA,UAC5B;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,uDAAC,WACC;AAAA,wDAAC,0CAAU,OAAV,EAAgB,KAAU,MAAK,UAAQ;AAAA,YACxC,4CAAC,UAAK,eAAW,MAAC,WAAU,8BAA6B;AAAA,YACxD,QAAQ,4CAAC,OAAE,WAAU,0BAA0B,iBAAM,IAAO;AAAA,aAC/D;AAAA,UACC,QAAQ,WAAW;AAAA;AAAA;AAAA,IACtB;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/form/radiobutton/radiobutton.tsx","../../../src/form/radiobutton/radiogroup.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { type RadioGroupProps, useRadioGroupContext } from \"./radiogroup\";\n\nexport interface RadiobuttonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  variant?: \"plain\" | \"bounding-box\";\n  hasError?: boolean;\n  title?: string;\n}\n\nconst isChecked = ({\n  checked,\n  selectedValue,\n  value,\n}: Pick<RadiobuttonProps, \"checked\" | \"value\"> & {\n  selectedValue: RadioGroupProps[\"value\"];\n}) => {\n  if (typeof checked !== \"undefined\") return checked;\n  if (typeof selectedValue !== \"undefined\") return value === selectedValue;\n  return undefined;\n};\n\nexport const Radiobutton = forwardRef<HTMLInputElement, RadiobuttonProps>(\n  (\n    {\n      checked,\n      value,\n      variant = \"plain\",\n      hasError: hasErrorProp,\n      title,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { value: selectedValue, hasError: hasErrorContext, ...context } = useRadioGroupContext();\n    const hasError = hasErrorContext || hasErrorProp;\n    return (\n      <div\n        className={clsx(\n          \"hds-radiobutton\",\n          {\n            [`hds-radiobutton--${variant}`]: variant === \"bounding-box\",\n            \"hds-radiobutton--error\": hasError,\n          },\n          className as undefined,\n        )}\n      >\n        <label>\n          <input\n            {...context}\n            {...rest}\n            checked={isChecked({ checked, selectedValue, value })}\n            value={value}\n            ref={ref}\n            type=\"radio\"\n          />\n          <span aria-hidden className=\"hds-radiobutton__checkmark\" />\n          {title ? <p className=\"hds-radiobutton__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\n\nRadiobutton.displayName = \"Radiobutton\";\n","import {\n  type ChangeEventHandler,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  useContext,\n} from \"react\";\nimport { Fieldset, type FieldsetProps } from \"../fieldset\";\nimport type { RadiobuttonProps } from \"./radiobutton\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  /** Will be passed to all Radiobuttons within the radio group */\n  name?: RadiobuttonProps[\"name\"];\n  /** If you want the group to be controlled, you can pass the selected value here */\n  value?: RadiobuttonProps[\"value\"];\n  /**\n   * Error message is passed to the internal Fieldset,\n   * and also marks all radiobuttons as invalid\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radiobuttons within the radio group */\n  onChange?: ChangeEventHandler<HTMLInputElement> | undefined;\n}\n\ntype RadioGroupContextProps = {\n  hasError: boolean;\n} & Pick<RadioGroupProps, \"name\" | \"value\" | \"onChange\">;\n\nconst RadioGroupContext = createContext<RadioGroupContextProps>({\n  hasError: false,\n  onChange: () => {\n    return undefined;\n  },\n});\n\nexport const useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  { name, value, errorMessage, onChange, children, ...rest },\n  ref,\n) {\n  return (\n    <RadioGroupContext.Provider value={{ name, value, hasError: Boolean(errorMessage), onChange }}>\n      <Fieldset errorMessage={errorMessage} {...rest} ref={ref}>\n        {children}\n      </Fieldset>\n    </RadioGroupContext.Provider>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  className?: string;\n  style?: CSSProperties;\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n  {\n    className,\n    style,\n    errorMessage,\n    legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n    legend,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const errorMessageId = useId();\n\n  return (\n    <fieldset\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      aria-invalid={errorMessage ? true : undefined}\n      className={clsx(\"hds-fieldset\", className as undefined)}\n      ref={ref}\n      style={style}\n      {...rest}\n    >\n      <legend\n        className={clsx(\n          \"hds-fieldset__legend\",\n          { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n          legendClassName as undefined,\n        )}\n        {...legendProps}\n      >\n        {legend}\n      </legend>\n      <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n  return (\n    <div\n      aria-live=\"assertive\"\n      className={clsx(\"hds-error-message\", className as undefined)}\n      id={id}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_typed_classname","import_jsx_runtime","Fieldset","import_jsx_runtime","RadioGroup","import_jsx_runtime","_a"]}

package/dist/form/radiobutton/radiobutton.mjs

@@ -1,6 +1,11 @@
 import {
   Radiobutton
-} from "../../chunk-SEKRICE4.mjs";
+} from "../../chunk-WGVZWX5L.mjs";
+import "../../chunk-V4NGUB4I.mjs";
+import "../../chunk-LMF3QGSF.mjs";
+import "../../chunk-37WVYY6X.mjs";
+import "../../chunk-NSLSA7F7.mjs";
+import "../../chunk-IL7576PP.mjs";
 import "../../chunk-R4SQKVDQ.mjs";
 export {
   Radiobutton

package/dist/form/radiobutton/radiogroup.d.mts

@@ -0,0 +1,3 @@
+export { RadioGroupProps_alias_4 as RadioGroupProps } from '../../_tsup-dts-rollup';
+export { useRadioGroupContext_alias_4 as useRadioGroupContext } from '../../_tsup-dts-rollup';
+export { RadioGroup_alias_4 as RadioGroup } from '../../_tsup-dts-rollup';

package/dist/form/radiobutton/radiogroup.d.ts

@@ -0,0 +1,3 @@
+export { RadioGroupProps_alias_4 as RadioGroupProps } from '../../_tsup-dts-rollup';
+export { useRadioGroupContext_alias_4 as useRadioGroupContext } from '../../_tsup-dts-rollup';
+export { RadioGroup_alias_4 as RadioGroup } from '../../_tsup-dts-rollup';

package/dist/form/radiobutton/radiogroup.js

@@ -0,0 +1,145 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/form/radiobutton/radiogroup.tsx
+var radiogroup_exports = {};
+__export(radiogroup_exports, {
+  RadioGroup: () => RadioGroup,
+  useRadioGroupContext: () => useRadioGroupContext
+});
+module.exports = __toCommonJS(radiogroup_exports);
+var import_react2 = require("react");
+
+// src/form/fieldset/fieldset.tsx
+var import_react = require("react");
+var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
+
+// src/form/error-message/error-message.tsx
+var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ErrorMessage({ children, id, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "aria-live": "assertive",
+      className: (0, import_typed_classname.clsx)("hds-error-message", className),
+      id,
+      children
+    }
+  );
+}
+
+// src/form/fieldset/fieldset.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
+  var _b = _a, {
+    className,
+    style,
+    errorMessage,
+    legendProps: _c = {}
+  } = _b, _d = _c, { size: legendSize = "default", className: legendClassName } = _d, legendProps = __objRest(_d, ["size", "className"]), _e = _b, {
+    legend,
+    children
+  } = _e, rest = __objRest(_e, [
+    "className",
+    "style",
+    "errorMessage",
+    "legendProps",
+    "legend",
+    "children"
+  ]);
+  const errorMessageId = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "fieldset",
+    __spreadProps(__spreadValues({
+      "aria-describedby": errorMessage ? errorMessageId : void 0,
+      "aria-invalid": errorMessage ? true : void 0,
+      className: (0, import_typed_classname2.clsx)("hds-fieldset", className),
+      ref,
+      style
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "legend",
+          __spreadProps(__spreadValues({
+            className: (0, import_typed_classname2.clsx)(
+              "hds-fieldset__legend",
+              { [`hds-fieldset__legend--${legendSize}`]: legendSize },
+              legendClassName
+            )
+          }, legendProps), {
+            children: legend
+          })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_typed_classname2.clsx)("hds-fieldset__input-wrapper"), children }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
+      ]
+    })
+  );
+});
+
+// src/form/radiobutton/radiogroup.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var RadioGroupContext = (0, import_react2.createContext)({
+  hasError: false,
+  onChange: () => {
+    return void 0;
+  }
+});
+var useRadioGroupContext = () => (0, import_react2.useContext)(RadioGroupContext);
+var RadioGroup = (0, import_react2.forwardRef)(function RadioGroup2(_a, ref) {
+  var _b = _a, { name, value, errorMessage, onChange, children } = _b, rest = __objRest(_b, ["name", "value", "errorMessage", "onChange", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
+});
+RadioGroup.displayName = "RadioGroup";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroup,
+  useRadioGroupContext
+});
+//# sourceMappingURL=radiogroup.js.map

package/dist/form/radiobutton/radiogroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/form/radiobutton/radiogroup.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  useContext,\n} from \"react\";\nimport { Fieldset, type FieldsetProps } from \"../fieldset\";\nimport type { RadiobuttonProps } from \"./radiobutton\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  /** Will be passed to all Radiobuttons within the radio group */\n  name?: RadiobuttonProps[\"name\"];\n  /** If you want the group to be controlled, you can pass the selected value here */\n  value?: RadiobuttonProps[\"value\"];\n  /**\n   * Error message is passed to the internal Fieldset,\n   * and also marks all radiobuttons as invalid\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radiobuttons within the radio group */\n  onChange?: ChangeEventHandler<HTMLInputElement> | undefined;\n}\n\ntype RadioGroupContextProps = {\n  hasError: boolean;\n} & Pick<RadioGroupProps, \"name\" | \"value\" | \"onChange\">;\n\nconst RadioGroupContext = createContext<RadioGroupContextProps>({\n  hasError: false,\n  onChange: () => {\n    return undefined;\n  },\n});\n\nexport const useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  { name, value, errorMessage, onChange, children, ...rest },\n  ref,\n) {\n  return (\n    <RadioGroupContext.Provider value={{ name, value, hasError: Boolean(errorMessage), onChange }}>\n      <Fieldset errorMessage={errorMessage} {...rest} ref={ref}>\n        {children}\n      </Fieldset>\n    </RadioGroupContext.Provider>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  className?: string;\n  style?: CSSProperties;\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n  {\n    className,\n    style,\n    errorMessage,\n    legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n    legend,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const errorMessageId = useId();\n\n  return (\n    <fieldset\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      aria-invalid={errorMessage ? true : undefined}\n      className={clsx(\"hds-fieldset\", className as undefined)}\n      ref={ref}\n      style={style}\n      {...rest}\n    >\n      <legend\n        className={clsx(\n          \"hds-fieldset__legend\",\n          { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n          legendClassName as undefined,\n        )}\n        {...legendProps}\n      >\n        {legend}\n      </legend>\n      <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n  return (\n    <div\n      aria-live=\"assertive\"\n      className={clsx(\"hds-error-message\", className as undefined)}\n      id={id}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAMO;;;ACNP,mBAAkC;AAElC,IAAAC,0BAAqB;;;ACFrB,6BAAqB;AAWjB;AAFG,SAAS,aAAa,EAAE,UAAU,IAAI,UAAU,GAAsB;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,6BAAK,qBAAqB,SAAsB;AAAA,MAC3D;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ADUI,IAAAC,sBAAA;AAfG,IAAM,eAAW,yBAA+C,SAASC,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EAnBjG,IAeE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBAnB5D,IAmBiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EArBJ,IAeE,IAOK,iBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,qBAAiB,oBAAM;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,eAAe,iBAAiB;AAAA,MAClD,gBAAc,eAAe,OAAO;AAAA,MACpC,eAAW,8BAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA,EAAE,CAAC,yBAAyB,UAAU,EAAE,GAAG,WAAW;AAAA,cACtD;AAAA,YACF;AAAA,aACI,cANL;AAAA,YAQE;AAAA;AAAA,QACH;AAAA,QACA,6CAAC,SAAI,eAAW,8BAAK,6BAA6B,GAAI,UAAS;AAAA,QAC/D,6CAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;;;ADRK,IAAAC,sBAAA;AAfN,IAAM,wBAAoB,6BAAsC;AAAA,EAC9D,UAAU;AAAA,EACV,UAAU,MAAM;AACd,WAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,uBAAuB,UAAM,0BAAW,iBAAiB;AAE/D,IAAM,iBAAa,0BAAiD,SAASC,YAClF,IACA,KACA;AAFA,eAAE,QAAM,OAAO,cAAc,UAAU,SAtCzC,IAsCE,IAAoD,iBAApD,IAAoD,CAAlD,QAAM,SAAO,gBAAc,YAAU;AAGvC,SACE,6CAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,MAAM,OAAO,UAAU,QAAQ,YAAY,GAAG,SAAS,GAC1F,uDAAC,yCAAS,gBAAgC,OAAzC,EAA+C,KAC7C,WACH,GACF;AAEJ,CAAC;AAED,WAAW,cAAc;","names":["import_react","import_typed_classname","import_jsx_runtime","Fieldset","import_jsx_runtime","RadioGroup"]}

package/dist/form/radiobutton/radiogroup.mjs

@@ -0,0 +1,14 @@
+import {
+  RadioGroup,
+  useRadioGroupContext
+} from "../../chunk-V4NGUB4I.mjs";
+import "../../chunk-LMF3QGSF.mjs";
+import "../../chunk-37WVYY6X.mjs";
+import "../../chunk-NSLSA7F7.mjs";
+import "../../chunk-IL7576PP.mjs";
+import "../../chunk-R4SQKVDQ.mjs";
+export {
+  RadioGroup,
+  useRadioGroupContext
+};
+//# sourceMappingURL=radiogroup.mjs.map

package/dist/form/radiobutton/radiogroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index-no-css.d.mts

@@ -47,7 +47,10 @@ export { TextareaProps } from './_tsup-dts-rollup';
 export { Checkbox } from './_tsup-dts-rollup';
 export { CheckboxProps } from './_tsup-dts-rollup';
 export { Radiobutton } from './_tsup-dts-rollup';
+export { RadioGroup } from './_tsup-dts-rollup';
 export { RadiobuttonProps } from './_tsup-dts-rollup';
+export { RadioGroupProps } from './_tsup-dts-rollup';
+export { useRadioGroupContext } from './_tsup-dts-rollup';
 export { ErrorMessage } from './_tsup-dts-rollup';
 export { ErrorMessageProps } from './_tsup-dts-rollup';
 export { Container } from './_tsup-dts-rollup';

package/dist/index-no-css.d.ts

@@ -47,7 +47,10 @@ export { TextareaProps } from './_tsup-dts-rollup';
 export { Checkbox } from './_tsup-dts-rollup';
 export { CheckboxProps } from './_tsup-dts-rollup';
 export { Radiobutton } from './_tsup-dts-rollup';
+export { RadioGroup } from './_tsup-dts-rollup';
 export { RadiobuttonProps } from './_tsup-dts-rollup';
+export { RadioGroupProps } from './_tsup-dts-rollup';
+export { useRadioGroupContext } from './_tsup-dts-rollup';
 export { ErrorMessage } from './_tsup-dts-rollup';
 export { ErrorMessageProps } from './_tsup-dts-rollup';
 export { Container } from './_tsup-dts-rollup';