@postenbring/hedwig-react 0.0.76 → 0.0.77

package/dist/form/error-message/error-message.js

@@ -1,8 +1,37 @@
 "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 });
@@ -24,18 +53,24 @@ __export(error_message_exports, {
 });
 module.exports = __toCommonJS(error_message_exports);
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
+var import_react = require("react");
 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
-    }
-  );
-}
+var ErrorMessage = (0, import_react.forwardRef)(
+  (_a) => {
+    var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        "aria-live": "assertive",
+        className: (0, import_typed_classname.clsx)("hds-error-message", className),
+        id
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+ErrorMessage.displayName = "ErrorMessage";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ErrorMessage

package/dist/form/error-message/error-message.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/form/error-message/error-message.tsx"],"sourcesContent":["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,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;","names":[]}
+{"version":3,"sources":["../../../src/form/error-message/error-message.tsx"],"sourcesContent":["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 }) => {\n    return (\n      <div\n        aria-live=\"assertive\"\n        className={clsx(\"hds-error-message\", className as undefined)}\n        id={id}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nErrorMessage.displayName = \"ErrorMessage\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAqB;AACrB,mBAA2C;AAWrC;AAHC,IAAM,mBAAe;AAAA,EAC1B,CAAC,OAAyC;AAAzC,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,SACI,OAJL;AAAA,QAME;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/form/error-message/error-message.mjs

@@ -1,6 +1,6 @@
 import {
   ErrorMessage
-} from "../../chunk-IL7576PP.mjs";
+} from "../../chunk-DFU2THGC.mjs";
 import "../../chunk-R4SQKVDQ.mjs";
 export {
   ErrorMessage

package/dist/form/error-message/index.js

@@ -1,8 +1,37 @@
 "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 });
@@ -26,18 +55,24 @@ module.exports = __toCommonJS(error_message_exports);
 
 // src/form/error-message/error-message.tsx
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
+var import_react = require("react");
 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
-    }
-  );
-}
+var ErrorMessage = (0, import_react.forwardRef)(
+  (_a) => {
+    var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        "aria-live": "assertive",
+        className: (0, import_typed_classname.clsx)("hds-error-message", className),
+        id
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+ErrorMessage.displayName = "ErrorMessage";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ErrorMessage

package/dist/form/error-message/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/form/error-message/index.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["export { ErrorMessage } from \"./error-message\";\nexport type * from \"./error-message\";\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;;;ACAA,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;","names":[]}
+{"version":3,"sources":["../../../src/form/error-message/index.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["export { ErrorMessage } from \"./error-message\";\nexport type * from \"./error-message\";\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 }) => {\n    return (\n      <div\n        aria-live=\"assertive\"\n        className={clsx(\"hds-error-message\", className as undefined)}\n        id={id}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nErrorMessage.displayName = \"ErrorMessage\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,6BAAqB;AACrB,mBAA2C;AAWrC;AAHC,IAAM,mBAAe;AAAA,EAC1B,CAAC,OAAyC;AAAzC,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,SACI,OAJL;AAAA,QAME;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/form/error-message/index.mjs

@@ -1,7 +1,7 @@
 import "../../chunk-NSLSA7F7.mjs";
 import {
   ErrorMessage
-} from "../../chunk-IL7576PP.mjs";
+} from "../../chunk-DFU2THGC.mjs";
 import "../../chunk-R4SQKVDQ.mjs";
 export {
   ErrorMessage

package/dist/form/fieldset/fieldset.js

@@ -53,29 +53,35 @@ __export(fieldset_exports, {
   useFieldsetContext: () => useFieldsetContext
 });
 module.exports = __toCommonJS(fieldset_exports);
-var import_react = require("react");
+var import_react2 = 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_react = require("react");
 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
-    }
-  );
-}
+var ErrorMessage = (0, import_react.forwardRef)(
+  (_a) => {
+    var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        "aria-live": "assertive",
+        className: (0, import_typed_classname.clsx)("hds-error-message", className),
+        id
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+ErrorMessage.displayName = "ErrorMessage";
 
 // src/form/fieldset/fieldset.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var FieldsetContext = (0, import_react.createContext)({ hasError: false });
-var useFieldsetContext = () => (0, import_react.useContext)(FieldsetContext);
-var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
+var FieldsetContext = (0, import_react2.createContext)({ hasError: false });
+var useFieldsetContext = () => (0, import_react2.useContext)(FieldsetContext);
+var Fieldset = (0, import_react2.forwardRef)(function Fieldset2(_a, ref) {
   var _b = _a, {
     className,
     style,
@@ -92,7 +98,7 @@ var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
     "legend",
     "children"
   ]);
-  const errorMessageId = (0, import_react.useId)();
+  const errorMessageId = (0, import_react2.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "fieldset",
     __spreadProps(__spreadValues({

package/dist/form/fieldset/fieldset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["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 Radiobuttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radiobuttons 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 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,mBAA6D;AAE7D,IAAAA,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;;;ADoBI,IAAAC,sBAAA;AAnBJ,IAAM,sBAAkB,4BAAqC,EAAE,UAAU,MAAM,CAAC;AAEzE,IAAM,qBAAqB,UAAM,yBAAW,eAAe;AAE3D,IAAM,eAAW,yBAA+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,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,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,QAAQ,YAAY,EAAE,GAChE,UACH;AAAA,QACA,6CAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["import_typed_classname","import_jsx_runtime","Fieldset"]}
+{"version":3,"sources":["../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["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 Radiobuttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radiobuttons 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 }) => {\n    return (\n      <div\n        aria-live=\"assertive\"\n        className={clsx(\"hds-error-message\", className as undefined)}\n        id={id}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nErrorMessage.displayName = \"ErrorMessage\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAA6D;AAE7D,IAAAC,0BAAqB;;;ACFrB,6BAAqB;AACrB,mBAA2C;AAWrC;AAHC,IAAM,mBAAe;AAAA,EAC1B,CAAC,OAAyC;AAAzC,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,SACI,OAJL;AAAA,QAME;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;;;ADgBvB,IAAAC,sBAAA;AAnBJ,IAAM,sBAAkB,6BAAqC,EAAE,UAAU,MAAM,CAAC;AAEzE,IAAM,qBAAqB,UAAM,0BAAW,eAAe;AAE3D,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;","names":["import_react","import_typed_classname","import_jsx_runtime","Fieldset"]}

package/dist/form/fieldset/fieldset.mjs

@@ -1,9 +1,9 @@
 import {
   Fieldset,
   useFieldsetContext
-} from "../../chunk-DM4PJFLG.mjs";
+} from "../../chunk-6N4TGRZB.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-IL7576PP.mjs";
+import "../../chunk-DFU2THGC.mjs";
 import "../../chunk-R4SQKVDQ.mjs";
 export {
   Fieldset,

package/dist/form/fieldset/index.js

@@ -55,29 +55,35 @@ __export(fieldset_exports, {
 module.exports = __toCommonJS(fieldset_exports);
 
 // src/form/fieldset/fieldset.tsx
-var import_react = require("react");
+var import_react2 = 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_react = require("react");
 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
-    }
-  );
-}
+var ErrorMessage = (0, import_react.forwardRef)(
+  (_a) => {
+    var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        "aria-live": "assertive",
+        className: (0, import_typed_classname.clsx)("hds-error-message", className),
+        id
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+ErrorMessage.displayName = "ErrorMessage";
 
 // src/form/fieldset/fieldset.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var FieldsetContext = (0, import_react.createContext)({ hasError: false });
-var useFieldsetContext = () => (0, import_react.useContext)(FieldsetContext);
-var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
+var FieldsetContext = (0, import_react2.createContext)({ hasError: false });
+var useFieldsetContext = () => (0, import_react2.useContext)(FieldsetContext);
+var Fieldset = (0, import_react2.forwardRef)(function Fieldset2(_a, ref) {
   var _b = _a, {
     className,
     style,
@@ -94,7 +100,7 @@ var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
     "legend",
     "children"
   ]);
-  const errorMessageId = (0, import_react.useId)();
+  const errorMessageId = (0, import_react2.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "fieldset",
     __spreadProps(__spreadValues({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/form/fieldset/index.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["export { Fieldset, useFieldsetContext } from \"./fieldset\";\nexport type * from \"./fieldset\";\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 Radiobuttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radiobuttons 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 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;;;ACAA,mBAA6D;AAE7D,IAAAA,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;;;ADoBI,IAAAC,sBAAA;AAnBJ,IAAM,sBAAkB,4BAAqC,EAAE,UAAU,MAAM,CAAC;AAEzE,IAAM,qBAAqB,UAAM,yBAAW,eAAe;AAE3D,IAAM,eAAW,yBAA+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,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,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,QAAQ,YAAY,EAAE,GAChE,UACH;AAAA,QACA,6CAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["import_typed_classname","import_jsx_runtime","Fieldset"]}
+{"version":3,"sources":["../../../src/form/fieldset/index.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["export { Fieldset, useFieldsetContext } from \"./fieldset\";\nexport type * from \"./fieldset\";\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 Radiobuttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radiobuttons 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 }) => {\n    return (\n      <div\n        aria-live=\"assertive\"\n        className={clsx(\"hds-error-message\", className as undefined)}\n        id={id}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nErrorMessage.displayName = \"ErrorMessage\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAA6D;AAE7D,IAAAC,0BAAqB;;;ACFrB,6BAAqB;AACrB,mBAA2C;AAWrC;AAHC,IAAM,mBAAe;AAAA,EAC1B,CAAC,OAAyC;AAAzC,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,SACI,OAJL;AAAA,QAME;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;;;ADgBvB,IAAAC,sBAAA;AAnBJ,IAAM,sBAAkB,6BAAqC,EAAE,UAAU,MAAM,CAAC;AAEzE,IAAM,qBAAqB,UAAM,0BAAW,eAAe;AAE3D,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;","names":["import_react","import_typed_classname","import_jsx_runtime","Fieldset"]}

package/dist/form/fieldset/index.mjs

@@ -2,9 +2,9 @@ import "../../chunk-LMF3QGSF.mjs";
 import {
   Fieldset,
   useFieldsetContext
-} from "../../chunk-DM4PJFLG.mjs";
+} from "../../chunk-6N4TGRZB.mjs";
 import "../../chunk-NSLSA7F7.mjs";
-import "../../chunk-IL7576PP.mjs";
+import "../../chunk-DFU2THGC.mjs";
 import "../../chunk-R4SQKVDQ.mjs";
 export {
   Fieldset,

package/dist/form/index.js

@@ -74,31 +74,37 @@ __export(form_exports, {
 module.exports = __toCommonJS(form_exports);
 
 // src/form/checkbox/checkbox.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_typed_classname3 = 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_react = require("react");
 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
-    }
-  );
-}
+var ErrorMessage = (0, import_react.forwardRef)(
+  (_a) => {
+    var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        "aria-live": "assertive",
+        className: (0, import_typed_classname.clsx)("hds-error-message", className),
+        id
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+ErrorMessage.displayName = "ErrorMessage";
 
 // src/form/fieldset/fieldset.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var FieldsetContext = (0, import_react.createContext)({ hasError: false });
-var useFieldsetContext = () => (0, import_react.useContext)(FieldsetContext);
-var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
+var FieldsetContext = (0, import_react2.createContext)({ hasError: false });
+var useFieldsetContext = () => (0, import_react2.useContext)(FieldsetContext);
+var Fieldset = (0, import_react2.forwardRef)(function Fieldset2(_a, ref) {
   var _b = _a, {
     className,
     style,
@@ -115,7 +121,7 @@ var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
     "legend",
     "children"
   ]);
-  const errorMessageId = (0, import_react.useId)();
+  const errorMessageId = (0, import_react2.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "fieldset",
     __spreadProps(__spreadValues({
@@ -147,7 +153,7 @@ var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
 
 // src/form/checkbox/checkbox.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Checkbox = (0, import_react2.forwardRef)(
+var Checkbox = (0, import_react3.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       variant = "plain",
@@ -164,7 +170,7 @@ var Checkbox = (0, import_react2.forwardRef)(
       "children",
       "className"
     ]);
-    const errorMessageId = (0, import_react2.useId)();
+    const errorMessageId = (0, import_react3.useId)();
     const { hasError: hasFieldsetError } = useFieldsetContext();
     const hasError = !!errorMessage || hasFieldsetError || hasErrorProp;
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: (0, import_typed_classname3.clsx)("hds-checkbox-wrapper"), children: [
@@ -204,14 +210,14 @@ var Checkbox = (0, import_react2.forwardRef)(
 Checkbox.displayName = "Checkbox";
 
 // src/form/date-picker/date-picker.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_typed_classname5 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/form/input-group/input-group.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var InputGroup = (0, import_react3.forwardRef)(function InputGroup2(_a, ref) {
+var InputGroup = (0, import_react4.forwardRef)(function InputGroup2(_a, ref) {
   var _b = _a, {
     id,
     className,
@@ -236,8 +242,8 @@ var InputGroup = (0, import_react3.forwardRef)(function InputGroup2(_a, ref) {
     "readOnly",
     "children"
   ]);
-  const errorMessageId = (0, import_react3.useId)();
-  const inputId = (0, import_react3.useId)();
+  const errorMessageId = (0, import_react4.useId)();
+  const inputId = (0, import_react4.useId)();
   const renderInput = () => {
     var _a2;
     const inputProps = {
@@ -249,11 +255,11 @@ var InputGroup = (0, import_react3.forwardRef)(function InputGroup2(_a, ref) {
     if (typeof children === "function") {
       return children(inputProps);
     }
-    const input = import_react3.Children.toArray(children)[0];
-    if (!(0, import_react3.isValidElement)(input)) {
+    const input = import_react4.Children.toArray(children)[0];
+    if (!(0, import_react4.isValidElement)(input)) {
       return;
     }
-    return (0, import_react3.cloneElement)(input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), input.props), {
+    return (0, import_react4.cloneElement)(input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), input.props), {
       className: `${inputProps.className} ${(_a2 = input.props.className) != null ? _a2 : ""}`
     }));
   };
@@ -298,7 +304,7 @@ var InputGroup = (0, import_react3.forwardRef)(function InputGroup2(_a, ref) {
 
 // src/utils.ts
 var React = __toESM(require("react"));
-var import_react4 = require("react");
+var import_react5 = require("react");
 function useMergeRefs(refs) {
   return React.useMemo(() => {
     if (refs.every((ref) => ref === null)) {
@@ -318,7 +324,7 @@ function useMergeRefs(refs) {
 
 // src/form/date-picker/date-picker.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var DatePicker = (0, import_react5.forwardRef)(function DatePicker2(_a, ref) {
+var DatePicker = (0, import_react6.forwardRef)(function DatePicker2(_a, ref) {
   var _b = _a, {
     className,
     variant,
@@ -342,7 +348,7 @@ var DatePicker = (0, import_react5.forwardRef)(function DatePicker2(_a, ref) {
     "readOnly",
     "calendarButtonTitle"
   ]);
-  const inputRef = (0, import_react5.useRef)(null);
+  const inputRef = (0, import_react6.useRef)(null);
   const mergedRef = useMergeRefs([inputRef, ref]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     InputGroup,
@@ -385,10 +391,10 @@ var DatePicker = (0, import_react5.forwardRef)(function DatePicker2(_a, ref) {
 DatePicker.displayName = "DatePicker";
 
 // src/form/input/input.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_typed_classname6 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Input = (0, import_react6.forwardRef)(function Input2(_a, ref) {
+var Input = (0, import_react7.forwardRef)(function Input2(_a, ref) {
   var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     InputGroup,
@@ -409,20 +415,20 @@ var Input = (0, import_react6.forwardRef)(function Input2(_a, ref) {
 Input.displayName = "Input";
 
 // src/form/radiobutton/radiobutton.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/form/radiobutton/radiogroup.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var RadioGroupContext = (0, import_react7.createContext)({
+var RadioGroupContext = (0, import_react8.createContext)({
   hasError: false,
   onChange: () => {
     return void 0;
   }
 });
-var useRadioGroupContext = () => (0, import_react7.useContext)(RadioGroupContext);
-var RadioGroup = (0, import_react7.forwardRef)(function RadioGroup2(_a, ref) {
+var useRadioGroupContext = () => (0, import_react8.useContext)(RadioGroupContext);
+var RadioGroup = (0, import_react8.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_runtime7.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
 });
@@ -441,7 +447,7 @@ var isChecked = ({
     return value === selectedValue;
   return void 0;
 };
-var Radiobutton = (0, import_react8.forwardRef)(
+var Radiobutton = (0, import_react9.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       checked,
@@ -503,10 +509,10 @@ var Radiobutton = (0, import_react8.forwardRef)(
 Radiobutton.displayName = "Radiobutton";
 
 // src/form/select/select.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_typed_classname8 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Select = (0, import_react9.forwardRef)(function Select2(_a, ref) {
+var Select = (0, import_react10.forwardRef)(function Select2(_a, ref) {
   var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, children } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     InputGroup,
@@ -526,10 +532,10 @@ var Select = (0, import_react9.forwardRef)(function Select2(_a, ref) {
 Select.displayName = "Select";
 
 // src/form/textarea/textarea.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_typed_classname9 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var Textarea = (0, import_react10.forwardRef)(function Textarea2(_a, ref) {
+var Textarea = (0, import_react11.forwardRef)(function Textarea2(_a, ref) {
   var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     InputGroup,