@postenbring/hedwig-react 0.0.86 → 0.0.88

package/dist/form/index.mjs

@@ -1,53 +1,53 @@
 import "../chunk-XFKD6EEJ.mjs";
-import "../chunk-2KX7VFN2.mjs";
+import "../chunk-AGZHQDCQ.mjs";
+import {
+  Textarea
+} from "../chunk-NIYDN3Y3.mjs";
+import "../chunk-7LPYJC6S.mjs";
 import {
-  Radiobutton
-} from "../chunk-O4HIHUMD.mjs";
+  Input
+} from "../chunk-S3QSGJX2.mjs";
+import "../chunk-XAFNJELJ.mjs";
+import {
+  RadioButton
+} from "../chunk-UL2V2Z5B.mjs";
 import {
   RadioGroup,
   useRadioGroupContext
-} from "../chunk-GJO7Z2YL.mjs";
+} from "../chunk-YS7HBWOI.mjs";
 import "../chunk-BYEJZSG5.mjs";
 import {
   Select
-} from "../chunk-XFODQH3I.mjs";
-import "../chunk-AGZHQDCQ.mjs";
+} from "../chunk-6BXKRPR3.mjs";
+import "../chunk-YJOOSTJC.mjs";
 import {
-  Textarea
-} from "../chunk-WPCWXROV.mjs";
+  Checkbox
+} from "../chunk-EAFQ3XQU.mjs";
 import "../chunk-TDLSHJ4Z.mjs";
 import {
   DatePicker
-} from "../chunk-BVPSZ3JI.mjs";
-import "../chunk-7LPYJC6S.mjs";
-import {
-  Input
-} from "../chunk-GGNMBB3K.mjs";
+} from "../chunk-WUPLEZEY.mjs";
 import "../chunk-Y5SUMFYJ.mjs";
-import "../chunk-FB5GEZNH.mjs";
-import "../chunk-YJOOSTJC.mjs";
-import {
-  Checkbox
-} from "../chunk-KI6WRKZY.mjs";
+import "../chunk-5UGT7L7R.mjs";
 import "../chunk-LMF3QGSF.mjs";
 import {
   Fieldset,
   useFieldsetContext
-} from "../chunk-LG7QWKFP.mjs";
+} from "../chunk-JQGB77SS.mjs";
 import "../chunk-NSLSA7F7.mjs";
 import {
   ErrorMessage
-} from "../chunk-RZZDMBB7.mjs";
-import "../chunk-TDXU2IC6.mjs";
-import "../chunk-R4SQKVDQ.mjs";
+} from "../chunk-CC5QWW52.mjs";
+import "../chunk-ILFK3VKS.mjs";
+import "../chunk-YOSPWY5K.mjs";
 export {
   Checkbox,
   DatePicker,
   ErrorMessage,
   Fieldset,
   Input,
+  RadioButton,
   RadioGroup,
-  Radiobutton,
   Select,
   Textarea,
   useFieldsetContext,

package/dist/form/input/index.mjs

@@ -1,12 +1,12 @@
 import "../../chunk-7LPYJC6S.mjs";
 import {
   Input
-} from "../../chunk-GGNMBB3K.mjs";
+} from "../../chunk-S3QSGJX2.mjs";
 import "../../chunk-Y5SUMFYJ.mjs";
-import "../../chunk-FB5GEZNH.mjs";
+import "../../chunk-5UGT7L7R.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-RZZDMBB7.mjs";
-import "../../chunk-R4SQKVDQ.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   Input
 };

package/dist/form/input/input.mjs

@@ -1,11 +1,11 @@
 import {
   Input
-} from "../../chunk-GGNMBB3K.mjs";
+} from "../../chunk-S3QSGJX2.mjs";
 import "../../chunk-Y5SUMFYJ.mjs";
-import "../../chunk-FB5GEZNH.mjs";
+import "../../chunk-5UGT7L7R.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-RZZDMBB7.mjs";
-import "../../chunk-R4SQKVDQ.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   Input
 };

package/dist/form/input-group/index.mjs

@@ -1,10 +1,10 @@
 import "../../chunk-Y5SUMFYJ.mjs";
 import {
   InputGroup
-} from "../../chunk-FB5GEZNH.mjs";
+} from "../../chunk-5UGT7L7R.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-RZZDMBB7.mjs";
-import "../../chunk-R4SQKVDQ.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   InputGroup
 };

package/dist/form/input-group/input-group.mjs

@@ -1,9 +1,9 @@
 import {
   InputGroup
-} from "../../chunk-FB5GEZNH.mjs";
+} from "../../chunk-5UGT7L7R.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-RZZDMBB7.mjs";
-import "../../chunk-R4SQKVDQ.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   InputGroup
 };

package/dist/form/radio-button/index.d.ts

@@ -0,0 +1,5 @@
+export { RadioButton } from "./radio-button";
+export type * from "./radio-button";
+export { RadioGroup, useRadioGroupContext } from "./radio-group";
+export type * from "./radio-group";
+//# sourceMappingURL=index.d.ts.map

package/dist/form/radio-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/radio-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,mBAAmB,gBAAgB,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACjE,mBAAmB,eAAe,CAAC"}

package/dist/form/{radiobutton → radio-button}/index.js

@@ -46,16 +46,16 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/form/radiobutton/index.tsx
-var radiobutton_exports = {};
-__export(radiobutton_exports, {
+// src/form/radio-button/index.tsx
+var radio_button_exports = {};
+__export(radio_button_exports, {
+  RadioButton: () => RadioButton,
   RadioGroup: () => RadioGroup,
-  Radiobutton: () => Radiobutton,
   useRadioGroupContext: () => useRadioGroupContext
 });
-module.exports = __toCommonJS(radiobutton_exports);
+module.exports = __toCommonJS(radio_button_exports);
 
-// src/form/radiobutton/radiobutton.tsx
+// src/form/radio-button/radio-button.tsx
 var import_react4 = require("react");
 var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
 
@@ -136,10 +136,11 @@ var Fieldset = (0, import_react2.forwardRef)(function Fieldset2(_a, ref) {
   );
 });
 
-// src/form/radiobutton/radiogroup.tsx
+// src/form/radio-button/radio-group.tsx
 var import_react3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var RadioGroupContext = (0, import_react3.createContext)({
+  name: void 0,
   hasError: false,
   onChange: () => {
     return void 0;
@@ -152,20 +153,18 @@ var RadioGroup = (0, import_react3.forwardRef)(function RadioGroup2(_a, ref) {
 });
 RadioGroup.displayName = "RadioGroup";
 
-// src/form/radiobutton/radiobutton.tsx
+// src/form/radio-button/radio-button.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;
+  if (typeof checked !== "undefined") return checked;
+  if (typeof selectedValue !== "undefined") return value === selectedValue;
   return void 0;
 };
-var Radiobutton = (0, import_react4.forwardRef)(
+var RadioButton = (0, import_react4.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       checked,
@@ -197,10 +196,10 @@ var Radiobutton = (0, import_react4.forwardRef)(
       "div",
       {
         className: (0, import_typed_classname3.clsx)(
-          "hds-radiobutton",
+          "hds-radio-button",
           {
-            [`hds-radiobutton--${variant}`]: variant === "bounding-box",
-            "hds-radiobutton--error": hasError
+            [`hds-radio-button--${variant}`]: variant === "bounding-box",
+            "hds-radio-button--error": hasError
           },
           className
         ),
@@ -215,8 +214,8 @@ var Radiobutton = (0, import_react4.forwardRef)(
                 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
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "hds-radio-button__checkmark" }),
+            title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "hds-radio-button__title", children: title }) : children
           ] }),
           title ? children : null
         ]
@@ -224,11 +223,11 @@ var Radiobutton = (0, import_react4.forwardRef)(
     );
   }
 );
-Radiobutton.displayName = "Radiobutton";
+RadioButton.displayName = "RadioButton";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  RadioButton,
   RadioGroup,
-  Radiobutton,
   useRadioGroupContext
 });
 //# sourceMappingURL=index.js.map

package/dist/form/radio-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/form/radio-button/index.tsx","../../../src/form/radio-button/radio-button.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx","../../../src/form/radio-button/radio-group.tsx"],"sourcesContent":["export { RadioButton } from \"./radio-button\";\nexport type * from \"./radio-button\";\nexport { RadioGroup, useRadioGroupContext } from \"./radio-group\";\nexport type * from \"./radio-group\";\n","import { forwardRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { useFieldsetContext } from \"../fieldset\";\nimport { type RadioGroupProps, useRadioGroupContext } from \"./radio-group\";\n\nexport interface RadioButtonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  children: ReactNode;\n  variant?: \"plain\" | \"bounding-box\";\n  /**\n   * Set to `true` to add error styling. The component will take care of aria to indicate invalid state.\n   *\n   * Normally you don't need this, as you should wrap your Radio buttons in the RadioGroup component.\n   * When providing an errorMessage to RadioGroup, all contained Radio buttons will get correct hasError state.\n   *\n   * You can use this when your Radio button is part of a non-HDS fieldset which shows an error message.\n   */\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 {\n      value: selectedValue,\n      hasError: hasRadioGroupError,\n      ...context\n    } = useRadioGroupContext();\n    const { hasError: hasFieldsetError } = useFieldsetContext();\n    const hasError = hasFieldsetError || hasRadioGroupError || hasErrorProp;\n\n    return (\n      <div\n        className={clsx(\n          \"hds-radio-button\",\n          {\n            [`hds-radio-button--${variant}`]: variant === \"bounding-box\",\n            \"hds-radio-button--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-radio-button__checkmark\" />\n          {title ? <p className=\"hds-radio-button__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\n\nRadioButton.displayName = \"RadioButton\";\n","import { useId, forwardRef, createContext, useContext } 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  /**\n   * Providing an errorMessage will also give contained Checkboxes or Radio buttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radio buttons you are even better off using RadioGroup.\n   */\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nconst FieldsetContext = createContext<{ hasError: boolean }>({ hasError: false });\n\nexport const useFieldsetContext = () => useContext(FieldsetContext);\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      <FieldsetContext.Provider value={{ hasError: Boolean(errorMessage) }}>\n        {children}\n      </FieldsetContext.Provider>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nexport interface ErrorMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport const ErrorMessage = forwardRef<HTMLDivElement, ErrorMessageProps>(\n  ({ children, id, className, ...rest }, ref) => {\n    return (\n      <div\n        aria-live=\"assertive\"\n        className={clsx(\"hds-error-message\", className as undefined)}\n        id={id}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nErrorMessage.displayName = \"ErrorMessage\";\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 \"./radio-button\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  children: ReactNode;\n  /** Will be passed to all Radio buttons 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, and will also give contained Radio buttons\n   * error styling and aria to indicate invalid state.\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radio buttons 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  name: undefined,\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"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_typed_classname","import_jsx_runtime","Fieldset","import_react","import_jsx_runtime","RadioGroup","import_jsx_runtime","_a"]}

package/dist/form/radio-button/index.mjs

@@ -0,0 +1,19 @@
+import "../../chunk-XAFNJELJ.mjs";
+import {
+  RadioButton
+} from "../../chunk-UL2V2Z5B.mjs";
+import {
+  RadioGroup,
+  useRadioGroupContext
+} from "../../chunk-YS7HBWOI.mjs";
+import "../../chunk-LMF3QGSF.mjs";
+import "../../chunk-JQGB77SS.mjs";
+import "../../chunk-NSLSA7F7.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
+export {
+  RadioButton,
+  RadioGroup,
+  useRadioGroupContext
+};
+//# sourceMappingURL=index.mjs.map

package/dist/form/radio-button/index.mjs.map

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

package/dist/form/{radiobutton/radiobutton.d.ts → radio-button/radio-button.d.ts}

@@ -1,17 +1,17 @@
 import { type InputHTMLAttributes, type ReactNode } from "react";
-export interface RadiobuttonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
     children: ReactNode;
     variant?: "plain" | "bounding-box";
     /**
      * Set to `true` to add error styling. The component will take care of aria to indicate invalid state.
      *
-     * Normally you don't need this, as you should wrap your Radiobuttons in the RadioGroup component.
-     * When providing an errorMessage to RadioGroup, all contained Radiobuttons will get correct hasError state.
+     * Normally you don't need this, as you should wrap your Radio buttons in the RadioGroup component.
+     * When providing an errorMessage to RadioGroup, all contained Radio buttons will get correct hasError state.
      *
-     * You can use this when your Radiobutton is part of a non-HDS fieldset which shows an error message.
+     * You can use this when your Radio button is part of a non-HDS fieldset which shows an error message.
      */
     hasError?: boolean;
     title?: string;
 }
-export declare const Radiobutton: import("react").ForwardRefExoticComponent<RadiobuttonProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=radiobutton.d.ts.map
+export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=radio-button.d.ts.map

package/dist/form/radio-button/radio-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/form/radio-button/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7E,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACnC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAcD,eAAO,MAAM,WAAW,+GAiDvB,CAAC"}

package/dist/form/{radiobutton/radiobutton.js → radio-button/radio-button.js}

@@ -46,12 +46,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/form/radiobutton/radiobutton.tsx
-var radiobutton_exports = {};
-__export(radiobutton_exports, {
-  Radiobutton: () => Radiobutton
+// src/form/radio-button/radio-button.tsx
+var radio_button_exports = {};
+__export(radio_button_exports, {
+  RadioButton: () => RadioButton
 });
-module.exports = __toCommonJS(radiobutton_exports);
+module.exports = __toCommonJS(radio_button_exports);
 var import_react4 = require("react");
 var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
 
@@ -132,10 +132,11 @@ var Fieldset = (0, import_react2.forwardRef)(function Fieldset2(_a, ref) {
   );
 });
 
-// src/form/radiobutton/radiogroup.tsx
+// src/form/radio-button/radio-group.tsx
 var import_react3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var RadioGroupContext = (0, import_react3.createContext)({
+  name: void 0,
   hasError: false,
   onChange: () => {
     return void 0;
@@ -148,20 +149,18 @@ var RadioGroup = (0, import_react3.forwardRef)(function RadioGroup2(_a, ref) {
 });
 RadioGroup.displayName = "RadioGroup";
 
-// src/form/radiobutton/radiobutton.tsx
+// src/form/radio-button/radio-button.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;
+  if (typeof checked !== "undefined") return checked;
+  if (typeof selectedValue !== "undefined") return value === selectedValue;
   return void 0;
 };
-var Radiobutton = (0, import_react4.forwardRef)(
+var RadioButton = (0, import_react4.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       checked,
@@ -193,10 +192,10 @@ var Radiobutton = (0, import_react4.forwardRef)(
       "div",
       {
         className: (0, import_typed_classname3.clsx)(
-          "hds-radiobutton",
+          "hds-radio-button",
           {
-            [`hds-radiobutton--${variant}`]: variant === "bounding-box",
-            "hds-radiobutton--error": hasError
+            [`hds-radio-button--${variant}`]: variant === "bounding-box",
+            "hds-radio-button--error": hasError
           },
           className
         ),
@@ -211,8 +210,8 @@ var Radiobutton = (0, import_react4.forwardRef)(
                 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
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "hds-radio-button__checkmark" }),
+            title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "hds-radio-button__title", children: title }) : children
           ] }),
           title ? children : null
         ]
@@ -220,9 +219,9 @@ var Radiobutton = (0, import_react4.forwardRef)(
     );
   }
 );
-Radiobutton.displayName = "Radiobutton";
+RadioButton.displayName = "RadioButton";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Radiobutton
+  RadioButton
 });
-//# sourceMappingURL=radiobutton.js.map
+//# sourceMappingURL=radio-button.js.map

package/dist/form/radio-button/radio-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/form/radio-button/radio-button.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx","../../../src/form/radio-button/radio-group.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { useFieldsetContext } from \"../fieldset\";\nimport { type RadioGroupProps, useRadioGroupContext } from \"./radio-group\";\n\nexport interface RadioButtonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  children: ReactNode;\n  variant?: \"plain\" | \"bounding-box\";\n  /**\n   * Set to `true` to add error styling. The component will take care of aria to indicate invalid state.\n   *\n   * Normally you don't need this, as you should wrap your Radio buttons in the RadioGroup component.\n   * When providing an errorMessage to RadioGroup, all contained Radio buttons will get correct hasError state.\n   *\n   * You can use this when your Radio button is part of a non-HDS fieldset which shows an error message.\n   */\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 {\n      value: selectedValue,\n      hasError: hasRadioGroupError,\n      ...context\n    } = useRadioGroupContext();\n    const { hasError: hasFieldsetError } = useFieldsetContext();\n    const hasError = hasFieldsetError || hasRadioGroupError || hasErrorProp;\n\n    return (\n      <div\n        className={clsx(\n          \"hds-radio-button\",\n          {\n            [`hds-radio-button--${variant}`]: variant === \"bounding-box\",\n            \"hds-radio-button--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-radio-button__checkmark\" />\n          {title ? <p className=\"hds-radio-button__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\n\nRadioButton.displayName = \"RadioButton\";\n","import { useId, forwardRef, createContext, useContext } 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  /**\n   * Providing an errorMessage will also give contained Checkboxes or Radio buttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radio buttons you are even better off using RadioGroup.\n   */\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nconst FieldsetContext = createContext<{ hasError: boolean }>({ hasError: false });\n\nexport const useFieldsetContext = () => useContext(FieldsetContext);\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      <FieldsetContext.Provider value={{ hasError: Boolean(errorMessage) }}>\n        {children}\n      </FieldsetContext.Provider>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nexport interface ErrorMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport const ErrorMessage = forwardRef<HTMLDivElement, ErrorMessageProps>(\n  ({ children, id, className, ...rest }, ref) => {\n    return (\n      <div\n        aria-live=\"assertive\"\n        className={clsx(\"hds-error-message\", className as undefined)}\n        id={id}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nErrorMessage.displayName = \"ErrorMessage\";\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 \"./radio-button\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  children: ReactNode;\n  /** Will be passed to all Radio buttons 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, and will also give contained Radio buttons\n   * error styling and aria to indicate invalid state.\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radio buttons 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  name: undefined,\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"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_typed_classname","import_jsx_runtime","Fieldset","import_react","import_jsx_runtime","RadioGroup","import_jsx_runtime","_a"]}

package/dist/form/radio-button/radio-button.mjs

@@ -0,0 +1,13 @@
+import {
+  RadioButton
+} from "../../chunk-UL2V2Z5B.mjs";
+import "../../chunk-YS7HBWOI.mjs";
+import "../../chunk-LMF3QGSF.mjs";
+import "../../chunk-JQGB77SS.mjs";
+import "../../chunk-NSLSA7F7.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
+export {
+  RadioButton
+};
+//# sourceMappingURL=radio-button.mjs.map

package/dist/form/radio-button/radio-button.mjs.map

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

package/dist/form/{radiobutton/radiogroup.d.ts → radio-button/radio-group.d.ts}

@@ -1,18 +1,18 @@
 import { type ChangeEventHandler, type ReactNode } from "react";
 import { type FieldsetProps } from "../fieldset";
-import type { RadiobuttonProps } from "./radiobutton";
+import type { RadioButtonProps } from "./radio-button";
 export interface RadioGroupProps extends Omit<FieldsetProps, "onChange"> {
     children: ReactNode;
-    /** Will be passed to all Radiobuttons within the radio group */
-    name?: RadiobuttonProps["name"];
+    /** Will be passed to all Radio buttons within the radio group */
+    name?: RadioButtonProps["name"];
     /** If you want the group to be controlled, you can pass the selected value here */
-    value?: RadiobuttonProps["value"];
+    value?: RadioButtonProps["value"];
     /**
-     * Error message is passed to the internal Fieldset, and will also give contained Radiobuttons
+     * Error message is passed to the internal Fieldset, and will also give contained Radio buttons
      * error styling and aria to indicate invalid state.
      */
     errorMessage?: ReactNode;
-    /** Will be passed to all Radiobuttons within the radio group */
+    /** Will be passed to all Radio buttons within the radio group */
     onChange?: ChangeEventHandler<HTMLInputElement> | undefined;
 }
 type RadioGroupContextProps = {
@@ -21,4 +21,4 @@ type RadioGroupContextProps = {
 export declare const useRadioGroupContext: () => RadioGroupContextProps;
 export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
 export {};
-//# sourceMappingURL=radiogroup.d.ts.map
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/form/radio-button/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/form/radio-button/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAGvB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,mFAAmF;IACnF,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC7D;AAED,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AAUzD,eAAO,MAAM,oBAAoB,8BAAsC,CAAC;AAExE,eAAO,MAAM,UAAU,iHAWrB,CAAC"}

package/dist/form/{radiobutton/radiogroup.js → radio-button/radio-group.js}

@@ -46,13 +46,13 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/form/radiobutton/radiogroup.tsx
-var radiogroup_exports = {};
-__export(radiogroup_exports, {
+// src/form/radio-button/radio-group.tsx
+var radio_group_exports = {};
+__export(radio_group_exports, {
   RadioGroup: () => RadioGroup,
   useRadioGroupContext: () => useRadioGroupContext
 });
-module.exports = __toCommonJS(radiogroup_exports);
+module.exports = __toCommonJS(radio_group_exports);
 var import_react3 = require("react");
 
 // src/form/fieldset/fieldset.tsx
@@ -131,9 +131,10 @@ var Fieldset = (0, import_react2.forwardRef)(function Fieldset2(_a, ref) {
   );
 });
 
-// src/form/radiobutton/radiogroup.tsx
+// src/form/radio-button/radio-group.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var RadioGroupContext = (0, import_react3.createContext)({
+  name: void 0,
   hasError: false,
   onChange: () => {
     return void 0;
@@ -150,4 +151,4 @@ RadioGroup.displayName = "RadioGroup";
   RadioGroup,
   useRadioGroupContext
 });
-//# sourceMappingURL=radiogroup.js.map
+//# sourceMappingURL=radio-group.js.map

package/dist/form/radio-button/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/form/radio-button/radio-group.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 \"./radio-button\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  children: ReactNode;\n  /** Will be passed to all Radio buttons 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, and will also give contained Radio buttons\n   * error styling and aria to indicate invalid state.\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radio buttons 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  name: undefined,\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, createContext, useContext } 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  /**\n   * Providing an errorMessage will also give contained Checkboxes or Radio buttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radio buttons you are even better off using RadioGroup.\n   */\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nconst FieldsetContext = createContext<{ hasError: boolean }>({ hasError: false });\n\nexport const useFieldsetContext = () => useContext(FieldsetContext);\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      <FieldsetContext.Provider value={{ hasError: Boolean(errorMessage) }}>\n        {children}\n      </FieldsetContext.Provider>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nexport interface ErrorMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport const ErrorMessage = forwardRef<HTMLDivElement, ErrorMessageProps>(\n  ({ children, id, className, ...rest }, ref) => {\n    return (\n      <div\n        aria-live=\"assertive\"\n        className={clsx(\"hds-error-message\", className as undefined)}\n        id={id}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nErrorMessage.displayName = \"ErrorMessage\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAMO;;;ACNP,IAAAC,gBAA6D;AAE7D,IAAAC,0BAAqB;;;ACFrB,6BAAqB;AACrB,mBAA2C;AAWrC;AAHC,IAAM,mBAAe;AAAA,EAC1B,CAAC,IAAsC,QAAQ;AAA9C,iBAAE,YAAU,IAAI,UAVnB,IAUG,IAA8B,iBAA9B,IAA8B,CAA5B,YAAU,MAAI;AACf,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,eAAW,6BAAK,qBAAqB,SAAsB;AAAA,QAC3D;AAAA,QACA;AAAA,SACI,OALL;AAAA,QAOE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;;;ADevB,IAAAC,sBAAA;AAnBJ,IAAM,sBAAkB,6BAAqC,EAAE,UAAU,MAAM,CAAC;AAIzE,IAAM,eAAW,0BAA+C,SAASC,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EA7BjG,IAyBE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBA7B5D,IA6BiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EA/BJ,IAyBE,IAOK,iBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,qBAAiB,qBAAM;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,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,QAAQ,YAAY,EAAE,GAChE,UACH;AAAA,QACA,6CAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;;;ADlBK,IAAAC,sBAAA;AAhBN,IAAM,wBAAoB,6BAAsC;AAAA,EAC9D,MAAM;AAAA,EACN,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,SAxCzC,IAwCE,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_react","import_typed_classname","import_jsx_runtime","Fieldset","import_jsx_runtime","RadioGroup"]}

package/dist/form/radio-button/radio-group.mjs

@@ -0,0 +1,14 @@
+import {
+  RadioGroup,
+  useRadioGroupContext
+} from "../../chunk-YS7HBWOI.mjs";
+import "../../chunk-LMF3QGSF.mjs";
+import "../../chunk-JQGB77SS.mjs";
+import "../../chunk-NSLSA7F7.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
+export {
+  RadioGroup,
+  useRadioGroupContext
+};
+//# sourceMappingURL=radio-group.mjs.map

package/dist/form/radio-button/radio-group.mjs.map

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

package/dist/form/select/index.mjs

@@ -1,12 +1,12 @@
 import "../../chunk-BYEJZSG5.mjs";
 import {
   Select
-} from "../../chunk-XFODQH3I.mjs";
+} from "../../chunk-6BXKRPR3.mjs";
 import "../../chunk-Y5SUMFYJ.mjs";
-import "../../chunk-FB5GEZNH.mjs";
+import "../../chunk-5UGT7L7R.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-RZZDMBB7.mjs";
-import "../../chunk-R4SQKVDQ.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   Select
 };

package/dist/form/select/select.mjs

@@ -1,11 +1,11 @@
 import {
   Select
-} from "../../chunk-XFODQH3I.mjs";
+} from "../../chunk-6BXKRPR3.mjs";
 import "../../chunk-Y5SUMFYJ.mjs";
-import "../../chunk-FB5GEZNH.mjs";
+import "../../chunk-5UGT7L7R.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-RZZDMBB7.mjs";
-import "../../chunk-R4SQKVDQ.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   Select
 };

package/dist/form/textarea/index.mjs

@@ -1,12 +1,12 @@
 import "../../chunk-AGZHQDCQ.mjs";
 import {
   Textarea
-} from "../../chunk-WPCWXROV.mjs";
+} from "../../chunk-NIYDN3Y3.mjs";
 import "../../chunk-Y5SUMFYJ.mjs";
-import "../../chunk-FB5GEZNH.mjs";
+import "../../chunk-5UGT7L7R.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-RZZDMBB7.mjs";
-import "../../chunk-R4SQKVDQ.mjs";
+import "../../chunk-CC5QWW52.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   Textarea
 };