@postenbring/hedwig-react 0.0.58 → 0.0.60

package/dist/index-no-css.js

@@ -580,19 +580,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
     }
@@ -600,7 +626,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,
@@ -619,20 +645,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
@@ -641,8 +667,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 })
       ]
     })
   );
@@ -650,12 +676,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,
@@ -693,13 +719,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,
@@ -711,38 +737,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,
@@ -751,7 +777,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 }))
     }
   );
 });
@@ -759,14 +785,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,
@@ -774,7 +800,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 }))
     }
   );
 });
@@ -782,14 +808,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,
@@ -798,7 +824,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 }))
     }
   );
 });
@@ -806,15 +832,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",
@@ -823,10 +849,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
         ]
@@ -838,15 +864,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",
@@ -855,10 +881,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
         ]
@@ -869,16 +895,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
@@ -892,16 +918,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}`,
@@ -916,32 +942,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");
@@ -1238,6 +1238,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");
@@ -1279,7 +1280,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) {