@postenbring/hedwig-react 0.0.58 → 0.0.60

package/dist/index-no-css.mjs

@@ -1,4 +1,4 @@
-import "./chunk-E2LKLNGA.mjs";
+import "./chunk-DY7LD3X3.mjs";
 import {
   TextBody,
   TextBodySmall,
@@ -23,10 +23,10 @@ import {
 } from "./chunk-IAS3E2S3.mjs";
 import {
   TabsComponent
-} from "./chunk-CA226LBE.mjs";
+} from "./chunk-5MDJP43L.mjs";
+import "./chunk-XVZ44NGD.mjs";
 import "./chunk-MBBFU4IR.mjs";
 import "./chunk-EJADADIY.mjs";
-import "./chunk-XVZ44NGD.mjs";
 import {
   MessageComponent
 } from "./chunk-AR2NOI4U.mjs";
@@ -37,11 +37,19 @@ import {
 import "./chunk-POJTVNEO.mjs";
 import {
   NavbarComponent
-} from "./chunk-QGMW5QJ3.mjs";
-import "./chunk-WDD7QJP6.mjs";
-import "./chunk-MGUYIOP2.mjs";
+} from "./chunk-Q3GMWURJ.mjs";
 import "./chunk-JMDXW2ML.mjs";
+import "./chunk-2E6XPNPX.mjs";
+import "./chunk-MGUYIOP2.mjs";
+import "./chunk-2YL2MVWN.mjs";
+import {
+  DescriptionList
+} from "./chunk-XMB45ILT.mjs";
 import "./chunk-T24JZIQO.mjs";
+import "./chunk-MQ3EEUTP.mjs";
+import {
+  Radiobutton
+} from "./chunk-SEKRICE4.mjs";
 import "./chunk-BYEJZSG5.mjs";
 import {
   Select
@@ -53,7 +61,7 @@ import {
 import "./chunk-LMF3QGSF.mjs";
 import {
   Fieldset
-} from "./chunk-T3ADJNOV.mjs";
+} from "./chunk-37WVYY6X.mjs";
 import "./chunk-7LPYJC6S.mjs";
 import {
   Input
@@ -61,17 +69,13 @@ import {
 import "./chunk-Y5SUMFYJ.mjs";
 import "./chunk-SKI2APSK.mjs";
 import "./chunk-NSLSA7F7.mjs";
-import "./chunk-MQ3EEUTP.mjs";
 import {
-  Radiobutton
-} from "./chunk-SEKRICE4.mjs";
+  ErrorMessage
+} from "./chunk-IL7576PP.mjs";
 import "./chunk-YJOOSTJC.mjs";
 import {
   Checkbox
 } from "./chunk-PXHYOQPB.mjs";
-import {
-  ErrorMessage
-} from "./chunk-IL7576PP.mjs";
 import "./chunk-OIQUYB26.mjs";
 import {
   Container
@@ -80,10 +84,7 @@ import "./chunk-XLLYMQLW.mjs";
 import {
   Link
 } from "./chunk-MDA3MMNA.mjs";
-import "./chunk-KOAR6LZG.mjs";
-import {
-  DescriptionList
-} from "./chunk-UTVSGTRJ.mjs";
+import "./chunk-6QV3OV66.mjs";
 import {
   LinkList
 } from "./chunk-ZUKLWHUR.mjs";
@@ -108,13 +109,6 @@ import {
   CardComponent
 } from "./chunk-JC6DBIFE.mjs";
 import "./chunk-X5JERDDU.mjs";
-import "./chunk-K6PP3ACJ.mjs";
-import {
-  Badge,
-  DarkBadge,
-  WarningBadge,
-  WhiteBadge
-} from "./chunk-JDJQFQQ6.mjs";
 import {
   AccordionComponent
 } from "./chunk-DJRMXOCP.mjs";
@@ -122,6 +116,13 @@ import "./chunk-KRGKVH5J.mjs";
 import "./chunk-FT5CX2W5.mjs";
 import "./chunk-SAGJ5W7M.mjs";
 import "./chunk-VRIY65P5.mjs";
+import "./chunk-K6PP3ACJ.mjs";
+import {
+  Badge,
+  DarkBadge,
+  WarningBadge,
+  WhiteBadge
+} from "./chunk-JDJQFQQ6.mjs";
 import "./chunk-WCA2WPFS.mjs";
 import "./chunk-V3PAFMK5.mjs";
 import "./chunk-MSFHJVHD.mjs";

package/dist/index.d.mts

@@ -34,6 +34,8 @@ export { CardBodyHeaderTitle_alias_1 as CardBodyHeaderTitle } from './_tsup-dts-
 export { CardBodyDescription_alias_1 as CardBodyDescription } from './_tsup-dts-rollup';
 export { CardBodyAction_alias_1 as CardBodyAction } from './_tsup-dts-rollup';
 export { CardBodyActionArrow_alias_1 as CardBodyActionArrow } from './_tsup-dts-rollup';
+export { DescriptionList_alias_1 as DescriptionList } from './_tsup-dts-rollup';
+export { DescriptionListProps_alias_1 as DescriptionListProps } from './_tsup-dts-rollup';
 export { Fieldset_alias_1 as Fieldset } from './_tsup-dts-rollup';
 export { FieldsetProps_alias_1 as FieldsetProps } from './_tsup-dts-rollup';
 export { Input_alias_1 as Input } from './_tsup-dts-rollup';
@@ -52,11 +54,9 @@ export { Container_alias_1 as Container } from './_tsup-dts-rollup';
 export { ContainerProps_alias_1 as ContainerProps } from './_tsup-dts-rollup';
 export { Link_alias_1 as Link } from './_tsup-dts-rollup';
 export { LinkProps_alias_1 as LinkProps } from './_tsup-dts-rollup';
-export { DescriptionList_alias_1 as DescriptionList } from './_tsup-dts-rollup';
 export { UnorderedList_alias_1 as UnorderedList } from './_tsup-dts-rollup';
 export { OrderedList_alias_1 as OrderedList } from './_tsup-dts-rollup';
 export { LinkList_alias_1 as LinkList } from './_tsup-dts-rollup';
-export { DescriptionListProps_alias_1 as DescriptionListProps } from './_tsup-dts-rollup';
 export { ListProps_alias_1 as ListProps } from './_tsup-dts-rollup';
 export { LinkListProps_alias_1 as LinkListProps } from './_tsup-dts-rollup';
 export { Message_alias_1 as Message } from './_tsup-dts-rollup';

package/dist/index.d.ts

@@ -34,6 +34,8 @@ export { CardBodyHeaderTitle_alias_1 as CardBodyHeaderTitle } from './_tsup-dts-
 export { CardBodyDescription_alias_1 as CardBodyDescription } from './_tsup-dts-rollup';
 export { CardBodyAction_alias_1 as CardBodyAction } from './_tsup-dts-rollup';
 export { CardBodyActionArrow_alias_1 as CardBodyActionArrow } from './_tsup-dts-rollup';
+export { DescriptionList_alias_1 as DescriptionList } from './_tsup-dts-rollup';
+export { DescriptionListProps_alias_1 as DescriptionListProps } from './_tsup-dts-rollup';
 export { Fieldset_alias_1 as Fieldset } from './_tsup-dts-rollup';
 export { FieldsetProps_alias_1 as FieldsetProps } from './_tsup-dts-rollup';
 export { Input_alias_1 as Input } from './_tsup-dts-rollup';
@@ -52,11 +54,9 @@ export { Container_alias_1 as Container } from './_tsup-dts-rollup';
 export { ContainerProps_alias_1 as ContainerProps } from './_tsup-dts-rollup';
 export { Link_alias_1 as Link } from './_tsup-dts-rollup';
 export { LinkProps_alias_1 as LinkProps } from './_tsup-dts-rollup';
-export { DescriptionList_alias_1 as DescriptionList } from './_tsup-dts-rollup';
 export { UnorderedList_alias_1 as UnorderedList } from './_tsup-dts-rollup';
 export { OrderedList_alias_1 as OrderedList } from './_tsup-dts-rollup';
 export { LinkList_alias_1 as LinkList } from './_tsup-dts-rollup';
-export { DescriptionListProps_alias_1 as DescriptionListProps } from './_tsup-dts-rollup';
 export { ListProps_alias_1 as ListProps } from './_tsup-dts-rollup';
 export { LinkListProps_alias_1 as LinkListProps } from './_tsup-dts-rollup';
 export { Message_alias_1 as Message } from './_tsup-dts-rollup';

package/dist/index.js

@@ -581,19 +581,45 @@ var CardComponent = Card;
 CardComponent.Media = CardMediaComponent;
 CardComponent.Body = CardBodyComponent;
 
+// src/description-list/description-list.tsx
+var import_typed_classname10 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function DescriptionList(_a) {
+  var _b = _a, {
+    variant = "vertical",
+    className
+  } = _b, rest = __objRest(_b, [
+    "variant",
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "dl",
+    __spreadValues({
+      className: (0, import_typed_classname10.clsx)(
+        "hds-description-list",
+        {
+          "hds-description-list--horizontal": variant === "horizontal"
+        },
+        className
+      )
+    }, rest)
+  );
+}
+DescriptionList.displayName = "DescriptionList";
+
 // src/form/fieldset/fieldset.tsx
 var import_react9 = require("react");
-var import_typed_classname11 = require("@postenbring/hedwig-css/typed-classname");
+var import_typed_classname12 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/form/error-message/error-message.tsx
-var import_typed_classname10 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_typed_classname11 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function ErrorMessage({ children, id, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       "aria-live": "assertive",
-      className: (0, import_typed_classname10.clsx)("hds-error-message", className),
+      className: (0, import_typed_classname11.clsx)("hds-error-message", className),
       id,
       children
     }
@@ -601,7 +627,7 @@ function ErrorMessage({ children, id, className }) {
 }
 
 // src/form/fieldset/fieldset.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
   var _b = _a, {
     className,
@@ -620,20 +646,20 @@ var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
     "children"
   ]);
   const errorMessageId = (0, import_react9.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "fieldset",
     __spreadProps(__spreadValues({
       "aria-describedby": errorMessage ? errorMessageId : void 0,
       "aria-invalid": errorMessage ? true : void 0,
-      className: (0, import_typed_classname11.clsx)("hds-fieldset", className),
+      className: (0, import_typed_classname12.clsx)("hds-fieldset", className),
       ref,
       style
     }, rest), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "legend",
           __spreadProps(__spreadValues({
-            className: (0, import_typed_classname11.clsx)(
+            className: (0, import_typed_classname12.clsx)(
               "hds-fieldset__legend",
               { [`hds-fieldset__legend--${legendSize}`]: legendSize },
               legendClassName
@@ -642,8 +668,8 @@ var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
             children: legend
           })
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_typed_classname11.clsx)("hds-fieldset__input-wrapper"), children }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: (0, import_typed_classname12.clsx)("hds-fieldset__input-wrapper"), children }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
       ]
     })
   );
@@ -651,12 +677,12 @@ var Fieldset = (0, import_react9.forwardRef)(function Fieldset2(_a, ref) {
 
 // src/form/input/input.tsx
 var import_react11 = require("react");
-var import_typed_classname13 = require("@postenbring/hedwig-css/typed-classname");
+var import_typed_classname14 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/form/input-group/input-group.tsx
 var import_react10 = require("react");
-var import_typed_classname12 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_typed_classname13 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var InputGroup = (0, import_react10.forwardRef)(function InputGroup2(_a, ref) {
   var _b = _a, {
     id,
@@ -694,13 +720,13 @@ var InputGroup = (0, import_react10.forwardRef)(function InputGroup2(_a, ref) {
       "aria-invalid": errorMessage ? true : void 0,
       id: id != null ? id : inputId
     }, input.props), {
-      className: (0, import_typed_classname12.clsx)("hds-input-group__input", input.props.className)
+      className: (0, import_typed_classname13.clsx)("hds-input-group__input", input.props.className)
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     __spreadProps(__spreadValues({
-      className: (0, import_typed_classname12.clsx)(
+      className: (0, import_typed_classname13.clsx)(
         "hds-input-group",
         {
           [`hds-input-group--${variant}`]: variant,
@@ -712,38 +738,38 @@ var InputGroup = (0, import_react10.forwardRef)(function InputGroup2(_a, ref) {
       style
     }, rest), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "label",
           __spreadProps(__spreadValues({
-            className: (0, import_typed_classname12.clsx)("hds-input-group__label", labelClassName)
+            className: (0, import_typed_classname13.clsx)("hds-input-group__label", labelClassName)
           }, labelProps), {
             htmlFor: id != null ? id : inputId,
             children: label
           })
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "div",
           {
-            className: (0, import_typed_classname12.clsx)("hds-input-group__input-wrapper"),
+            className: (0, import_typed_classname13.clsx)("hds-input-group__input-wrapper"),
             "data-disabled": disabled,
             "data-readonly": readOnly,
             children: renderInput()
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
       ]
     })
   );
 });
 
 // src/form/input/input.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Input = (0, import_react11.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_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     InputGroup,
     {
-      className: (0, import_typed_classname13.clsx)("hds-input", className),
+      className: (0, import_typed_classname14.clsx)("hds-input", className),
       disabled,
       errorMessage,
       id,
@@ -752,7 +778,7 @@ var Input = (0, import_react11.forwardRef)(function Input2(_a, ref) {
       readOnly,
       style,
       variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
     }
   );
 });
@@ -760,14 +786,14 @@ Input.displayName = "Input";
 
 // src/form/select/select.tsx
 var import_react12 = require("react");
-var import_typed_classname14 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_typed_classname15 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Select = (0, import_react12.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_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     InputGroup,
     {
-      className: (0, import_typed_classname14.clsx)("hds-select", className),
+      className: (0, import_typed_classname15.clsx)("hds-select", className),
       disabled,
       errorMessage,
       id,
@@ -775,7 +801,7 @@ var Select = (0, import_react12.forwardRef)(function Select2(_a, ref) {
       labelProps,
       style,
       variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("select", __spreadProps(__spreadValues({}, rest), { disabled, ref, children }))
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("select", __spreadProps(__spreadValues({}, rest), { disabled, ref, children }))
     }
   );
 });
@@ -783,14 +809,14 @@ Select.displayName = "Select";
 
 // src/form/textarea/textarea.tsx
 var import_react13 = require("react");
-var import_typed_classname15 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_typed_classname16 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Textarea = (0, import_react13.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_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     InputGroup,
     {
-      className: (0, import_typed_classname15.clsx)("hds-textarea", className),
+      className: (0, import_typed_classname16.clsx)("hds-textarea", className),
       disabled,
       errorMessage,
       id,
@@ -799,7 +825,7 @@ var Textarea = (0, import_react13.forwardRef)(function Textarea2(_a, ref) {
       readOnly,
       style,
       variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("textarea", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("textarea", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
     }
   );
 });
@@ -807,15 +833,15 @@ Textarea.displayName = "Textarea";
 
 // src/form/checkbox/checkbox.tsx
 var import_react14 = require("react");
-var import_typed_classname16 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_typed_classname17 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Checkbox = (0, import_react14.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_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
-        className: (0, import_typed_classname16.clsx)(
+        className: (0, import_typed_classname17.clsx)(
           "hds-checkbox",
           {
             [`hds-checkbox--${variant}`]: variant === "bounding-box",
@@ -824,10 +850,10 @@ var Checkbox = (0, import_react14.forwardRef)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", __spreadProps(__spreadValues({}, rest), { "aria-invalid": hasError ? true : void 0, ref, type: "checkbox" })),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": true, className: "hds-checkbox__checkmark" }),
-            title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hds-checkbox__title", children: title }) : children
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", __spreadProps(__spreadValues({}, rest), { "aria-invalid": hasError ? true : void 0, ref, type: "checkbox" })),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": true, className: "hds-checkbox__checkmark" }),
+            title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hds-checkbox__title", children: title }) : children
           ] }),
           title ? children : null
         ]
@@ -839,15 +865,15 @@ Checkbox.displayName = "Checkbox";
 
 // src/form/radiobutton/radiobutton.tsx
 var import_react15 = require("react");
-var import_typed_classname17 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_typed_classname18 = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Radiobutton = (0, import_react15.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_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
-        className: (0, import_typed_classname17.clsx)(
+        className: (0, import_typed_classname18.clsx)(
           "hds-radiobutton",
           {
             [`hds-radiobutton--${variant}`]: variant === "bounding-box",
@@ -856,10 +882,10 @@ var Radiobutton = (0, import_react15.forwardRef)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", __spreadProps(__spreadValues({}, rest), { ref, type: "radio" })),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
-            title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", __spreadProps(__spreadValues({}, rest), { ref, type: "radio" })),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
+            title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
           ] }),
           title ? children : null
         ]
@@ -870,16 +896,16 @@ var Radiobutton = (0, import_react15.forwardRef)(
 Radiobutton.displayName = "Radiobutton";
 
 // src/layout/container/container.tsx
-var import_typed_classname18 = require("@postenbring/hedwig-css/typed-classname");
+var import_typed_classname19 = require("@postenbring/hedwig-css/typed-classname");
 var import_react16 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Container = (0, import_react16.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", className, children, variant } = _b, rest = __objRest(_b, ["as", "className", "children", "variant"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname18.clsx)(
+        className: (0, import_typed_classname19.clsx)(
           "hds-container",
           { "hds-container--slim": variant === "slim" },
           className
@@ -893,16 +919,16 @@ var Container = (0, import_react16.forwardRef)(
 Container.displayName = "Container";
 
 // src/link/link.tsx
-var import_typed_classname19 = require("@postenbring/hedwig-css/typed-classname");
+var import_typed_classname20 = require("@postenbring/hedwig-css/typed-classname");
 var import_react17 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Link = (0, import_react17.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "a", children, variant = "underline", size = "medium", className } = _b, rest = __objRest(_b, ["as", "children", "variant", "size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Component,
       __spreadProps(__spreadValues({
-        className: (0, import_typed_classname19.clsx)(
+        className: (0, import_typed_classname20.clsx)(
           "hds-link",
           variant !== "underline" && `hds-link--${variant}`,
           size !== "medium" && `hds-link--${size}`,
@@ -917,32 +943,6 @@ var Link = (0, import_react17.forwardRef)(
 );
 Link.displayName = "Link";
 
-// src/list/description-list.tsx
-var import_typed_classname20 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function DescriptionList(_a) {
-  var _b = _a, {
-    variant = "vertical",
-    className
-  } = _b, rest = __objRest(_b, [
-    "variant",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    "dl",
-    __spreadValues({
-      className: (0, import_typed_classname20.clsx)(
-        "hds-description-list",
-        {
-          "hds-description-list--horizontal": variant === "horizontal"
-        },
-        className
-      )
-    }, rest)
-  );
-}
-DescriptionList.displayName = "DescriptionList";
-
 // src/list/list.tsx
 var import_typed_classname21 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -1239,6 +1239,7 @@ NavbarNavigation.displayName = "Navbar.Navigation";
 var import_react22 = require("react");
 var import_client = require("react-dom/client");
 var import_typed_classname26 = require("@postenbring/hedwig-css/typed-classname");
+var import_focus_trap_react = __toESM(require("focus-trap-react"));
 
 // src/navbar/icons.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -1280,7 +1281,11 @@ function NavbarExpandableMenu({ children }) {
       document.body.classList.remove((0, import_typed_classname26.clsx)("hds-navbar-scroll-lock"));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(navbarContext.Provider, { value: [open, toggleOpen], children });
+  const navbarElement = document.getElementsByClassName((0, import_typed_classname26.clsx)("hds-navbar"))[0];
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(navbarContext.Provider, { value: [open, toggleOpen], children: [
+    open ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_focus_trap_react.default, { containerElements: [navbarElement] }) : null,
+    children
+  ] });
 }
 NavbarExpandableMenu.displayName = "NavbarExpandableMenu";
 function RenderButton(_a) {