@postenbring/hedwig-react 0.0.77 → 0.0.79

package/dist/index-no-css.mjs

@@ -9,11 +9,11 @@ import {
 } from "./chunk-XC3UHH2U.mjs";
 import {
   TabsComponent
-} from "./chunk-DCCQXWD6.mjs";
+} from "./chunk-IJAX6APL.mjs";
 import {
   TabsList,
   TabsTab
-} from "./chunk-7JDEN3T6.mjs";
+} from "./chunk-4WQWU5TL.mjs";
 import "./chunk-3MQKXNZ6.mjs";
 import {
   TabsContent,
@@ -36,7 +36,7 @@ import {
 } from "./chunk-XUWZ4HGD.mjs";
 import {
   NavbarComponent
-} from "./chunk-ACEYO4LN.mjs";
+} from "./chunk-XDYXNQDV.mjs";
 import {
   NavbarButtonItem,
   NavbarItem,
@@ -51,7 +51,7 @@ import {
   NavbarExpandableMenuContent,
   NavbarExpandableMenuTrigger,
   useNavbarExpendableMenuContext
-} from "./chunk-FCPQXZQV.mjs";
+} from "./chunk-MPHMD4LO.mjs";
 import "./chunk-W2MRIP5P.mjs";
 import {
   FooterComponent
@@ -60,42 +60,42 @@ import "./chunk-XFKD6EEJ.mjs";
 import "./chunk-AGZHQDCQ.mjs";
 import {
   Textarea
-} from "./chunk-JL4PLDXN.mjs";
+} from "./chunk-WPCWXROV.mjs";
 import "./chunk-2KX7VFN2.mjs";
 import {
   Radiobutton
-} from "./chunk-7W4HONVO.mjs";
+} from "./chunk-O4HIHUMD.mjs";
 import {
   RadioGroup,
   useRadioGroupContext
-} from "./chunk-RYM3LM7K.mjs";
+} from "./chunk-GJO7Z2YL.mjs";
 import "./chunk-BYEJZSG5.mjs";
 import {
   Select
-} from "./chunk-NAIBK23T.mjs";
+} from "./chunk-XFODQH3I.mjs";
 import "./chunk-YJOOSTJC.mjs";
 import "./chunk-TDLSHJ4Z.mjs";
 import {
   DatePicker
-} from "./chunk-QY2K3GWU.mjs";
+} from "./chunk-F2C3KZFX.mjs";
 import "./chunk-7LPYJC6S.mjs";
 import {
   Input
-} from "./chunk-A4ME3VXV.mjs";
+} from "./chunk-GGNMBB3K.mjs";
 import "./chunk-Y5SUMFYJ.mjs";
-import "./chunk-P6WIBHQH.mjs";
+import "./chunk-FB5GEZNH.mjs";
 import {
   Checkbox
-} from "./chunk-UMYOYHUI.mjs";
+} from "./chunk-KI6WRKZY.mjs";
 import "./chunk-LMF3QGSF.mjs";
 import {
   Fieldset,
   useFieldsetContext
-} from "./chunk-6N4TGRZB.mjs";
+} from "./chunk-LG7QWKFP.mjs";
 import "./chunk-NSLSA7F7.mjs";
 import {
   ErrorMessage
-} from "./chunk-DFU2THGC.mjs";
+} from "./chunk-RZZDMBB7.mjs";
 import "./chunk-BVG5VSZK.mjs";
 import {
   Container

package/dist/index.js

@@ -632,14 +632,15 @@ var import_typed_classname11 = require("@postenbring/hedwig-css/typed-classname"
 var import_react12 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var ErrorMessage = (0, import_react12.forwardRef)(
-  (_a) => {
+  (_a, ref) => {
     var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "div",
       __spreadProps(__spreadValues({
         "aria-live": "assertive",
         className: (0, import_typed_classname11.clsx)("hds-error-message", className),
-        id
+        id,
+        ref
       }, rest), {
         children
       })
@@ -1863,46 +1864,31 @@ function NavbarExpandableMenu({ children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(expandableMenuContext.Provider, { value: [open, toggleOpen], children });
 }
 NavbarExpandableMenu.displayName = "NavbarExpandableMenu";
-function RenderButton(_a) {
-  var _b = _a, {
-    className,
-    innerRef,
-    open = false,
-    ref,
-    text,
-    title,
-    toggleOpen,
-    width
-  } = _b, rest = __objRest(_b, [
-    "className",
-    "innerRef",
-    "open",
-    "ref",
-    "text",
-    "title",
-    "toggleOpen",
-    "width"
-  ]);
-  const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CloseIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenuIcon, {});
-  const style = width ? { width } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-    "button",
-    __spreadProps(__spreadValues({
-      className: (0, import_typed_classname31.clsx)("hds-navbar__item", className),
-      onClick: toggleOpen,
-      ref: ref != null ? ref : innerRef,
-      style,
-      title,
-      type: "button"
-    }, rest), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: (0, import_typed_classname31.clsx)("hds-navbar__item-responsive-text"), children: text }),
-        " ",
-        icon
-      ]
-    })
-  );
-}
+var RenderButton = (0, import_react34.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, innerRef, open = false, text, title, toggleOpen, width } = _b, rest = __objRest(_b, ["className", "innerRef", "open", "text", "title", "toggleOpen", "width"]);
+    const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CloseIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenuIcon, {});
+    const style = width ? { width } : {};
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "button",
+      __spreadProps(__spreadValues({
+        className: (0, import_typed_classname31.clsx)("hds-navbar__item", className),
+        onClick: toggleOpen,
+        ref: ref != null ? ref : innerRef,
+        style,
+        title,
+        type: "button"
+      }, rest), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: (0, import_typed_classname31.clsx)("hds-navbar__item-responsive-text"), children: text }),
+          " ",
+          icon
+        ]
+      })
+    );
+  }
+);
+RenderButton.displayName = "Navbar.RenderButton";
 var NavbarExpandableMenuTrigger = (0, import_react34.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
@@ -1943,7 +1929,7 @@ var NavbarExpandableMenuTrigger = (0, import_react34.forwardRef)(
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           RenderButton,
           __spreadValues({
-            className: className ? className : "",
+            className,
             innerRef: measureButtonRef,
             text: whenClosedText,
             title
@@ -1954,7 +1940,7 @@ var NavbarExpandableMenuTrigger = (0, import_react34.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               RenderButton,
               __spreadValues({
-                className: className ? className : "",
+                className,
                 innerRef: measureButtonRef,
                 open: true,
                 text: whenOpenText,
@@ -1971,7 +1957,7 @@ var NavbarExpandableMenuTrigger = (0, import_react34.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       RenderButton,
       __spreadValues({
-        className: className ? className : "",
+        className,
         open,
         ref,
         text,
@@ -2357,10 +2343,11 @@ var import_react43 = require("react");
 var import_typed_classname38 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var TabsList = (0, import_react43.forwardRef)(
-  (_a) => {
+  (_a, ref) => {
     var _b = _a, { children, direction = "horizontal", className } = _b, rest = __objRest(_b, ["children", "direction", "className"]);
     const { activeTabId } = useTabsContext();
     const tabsListRef = (0, import_react43.useRef)(null);
+    const mergedRef = useMergeRefs([tabsListRef, ref]);
     const { width: tabsWidth } = useResize(tabsListRef);
     const isClientSide = useHydrated();
     const { innerWidth } = isClientSide ? window : { innerWidth: 1e3 };
@@ -2404,7 +2391,7 @@ var TabsList = (0, import_react43.forwardRef)(
           },
           className
         ),
-        ref: tabsListRef,
+        ref: mergedRef,
         role: "tablist"
       }, rest), {
         children