@postenbring/hedwig-react 0.0.63 → 0.0.65

package/dist/{chunk-37WVYY6X.mjs → chunk-HXV2UMEV.mjs}

@@ -8,9 +8,11 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/form/fieldset/fieldset.tsx
-import { useId, forwardRef } from "react";
+import { useId, forwardRef, createContext, useContext } from "react";
 import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
+var FieldsetContext = createContext({ hasError: false });
+var useFieldsetContext = () => useContext(FieldsetContext);
 var Fieldset = forwardRef(function Fieldset2(_a, ref) {
   var _b = _a, {
     className,
@@ -51,7 +53,7 @@ var Fieldset = forwardRef(function Fieldset2(_a, ref) {
             children: legend
           })
         ),
-        /* @__PURE__ */ jsx("div", { className: clsx("hds-fieldset__input-wrapper"), children }),
+        /* @__PURE__ */ jsx("div", { className: clsx("hds-fieldset__input-wrapper"), children: /* @__PURE__ */ jsx(FieldsetContext.Provider, { value: { hasError: Boolean(errorMessage) }, children }) }),
         /* @__PURE__ */ jsx(ErrorMessage, { id: errorMessageId, children: errorMessage })
       ]
     })
@@ -59,6 +61,7 @@ var Fieldset = forwardRef(function Fieldset2(_a, ref) {
 });
 
 export {
+  useFieldsetContext,
   Fieldset
 };
-//# sourceMappingURL=chunk-37WVYY6X.mjs.map
+//# sourceMappingURL=chunk-HXV2UMEV.mjs.map

package/dist/chunk-HXV2UMEV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/fieldset/fieldset.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      <div className={clsx(\"hds-fieldset__input-wrapper\")}>\n        <FieldsetContext.Provider value={{ hasError: Boolean(errorMessage) }}>\n          {children}\n        </FieldsetContext.Provider>\n      </div>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n"],"mappings":";;;;;;;;;;AAAA,SAAS,OAAO,YAAY,eAAe,kBAAkB;AAE7D,SAAS,YAAY;AAqCjB,SAQE,KARF;AAnBJ,IAAM,kBAAkB,cAAqC,EAAE,UAAU,MAAM,CAAC;AAEzE,IAAM,qBAAqB,MAAM,WAAW,eAAe;AAE3D,IAAM,WAAW,WAA+C,SAASA,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,iBAAiB,MAAM;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,eAAe,iBAAiB;AAAA,MAClD,gBAAc,eAAe,OAAO;AAAA,MACpC,WAAW,KAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;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,oBAAC,SAAI,WAAW,KAAK,6BAA6B,GAChD,8BAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,QAAQ,YAAY,EAAE,GAChE,UACH,GACF;AAAA,QACA,oBAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["Fieldset"]}

package/dist/chunk-KQITCS3U.mjs

@@ -0,0 +1,18 @@
+// src/tabs/context.ts
+import { createContext, useContext } from "react";
+var TabsContext = createContext(null);
+function useTabsContext() {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error(
+      "Tabs context required. Did you use `<Tabs.List />`, `<Tabs.Tab />`, or `<Tabs.Content />` outside of <Tabs/>?"
+    );
+  }
+  return context;
+}
+
+export {
+  TabsContext,
+  useTabsContext
+};
+//# sourceMappingURL=chunk-KQITCS3U.mjs.map

package/dist/chunk-KQITCS3U.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface TabsContextProps {\n  activeTabId: string;\n  toggleActiveTabId: (tabId: string) => void;\n}\n\nexport const TabsContext = createContext<TabsContextProps | null>(null);\n\nexport function useTabsContext() {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error(\n      \"Tabs context required. Did you use `<Tabs.List />`, `<Tabs.Tab />`, or `<Tabs.Content />` outside of <Tabs/>?\",\n    );\n  }\n  return context;\n}\n"],"mappings":";AAAA,SAAS,eAAe,kBAAkB;AAOnC,IAAM,cAAc,cAAuC,IAAI;AAE/D,SAAS,iBAAiB;AAC/B,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/{chunk-DJRMXOCP.mjs → chunk-LIQ3FB56.mjs}

@@ -1,15 +1,15 @@
-import {
-  AccordionContent
-} from "./chunk-KRGKVH5J.mjs";
-import {
-  AccordionHeader
-} from "./chunk-FT5CX2W5.mjs";
 import {
   AccordionItem
-} from "./chunk-SAGJ5W7M.mjs";
+} from "./chunk-62F4I3MQ.mjs";
 import {
   Accordion
 } from "./chunk-VRIY65P5.mjs";
+import {
+  AccordionContent
+} from "./chunk-GUB3UCXO.mjs";
+import {
+  AccordionHeader
+} from "./chunk-YXHXRUFX.mjs";
 
 // src/accordion/index.tsx
 var AccordionComponent = Accordion;
@@ -20,4 +20,4 @@ AccordionComponent.Content = AccordionContent;
 export {
   AccordionComponent
 };
-//# sourceMappingURL=chunk-DJRMXOCP.mjs.map
+//# sourceMappingURL=chunk-LIQ3FB56.mjs.map

package/dist/chunk-MUVJAMFN.mjs

@@ -0,0 +1,104 @@
+import {
+  useResize
+} from "./chunk-WCA2WPFS.mjs";
+import {
+  useTabsContext
+} from "./chunk-KQITCS3U.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/tabs/tabs-list.tsx
+import { forwardRef, useEffect, useRef } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { jsx } from "react/jsx-runtime";
+function TabsList(_a) {
+  var _b = _a, { children, direction = "horizontal", className } = _b, rest = __objRest(_b, ["children", "direction", "className"]);
+  const { activeTabId } = useTabsContext();
+  const tabsListRef = useRef(null);
+  const { width: tabsWidth } = useResize(tabsListRef);
+  const { innerWidth } = window;
+  const wideEnough = innerWidth >= tabsWidth;
+  const previousTabId = useRef(activeTabId);
+  useEffect(() => {
+    const tabList = tabsListRef.current;
+    const activeTab = tabList == null ? void 0 : tabList.querySelector(`[data-tabid="${activeTabId}"]`);
+    if (!activeTab || !tabList)
+      return;
+    const { offsetHeight: containerHeight, offsetWidth: containerWidth } = tabList;
+    const { offsetHeight, offsetWidth, offsetTop, offsetLeft } = activeTab;
+    const height = offsetHeight / containerHeight;
+    const width = offsetWidth / containerWidth;
+    tabsListRef.current.style.setProperty("--_hds-tabs-marker-height", String(height));
+    tabsListRef.current.style.setProperty("--_hds-tabs-marker-width", String(width));
+    tabsListRef.current.style.setProperty("--_hds-tabs-marker-top", `${offsetTop}px`);
+    tabsListRef.current.style.setProperty("--_hds-tabs-marker-left", `${offsetLeft}px`);
+    if (previousTabId.current !== activeTabId) {
+      tabsListRef.current.style.setProperty(
+        "--_hds-tabs-marker-animated-color",
+        "var(--_hds-tabs-marker-color)"
+      );
+      tabsListRef.current.style.setProperty(
+        "--_hds-tabs-marker-border-fallback-color",
+        "transparent"
+      );
+    }
+    previousTabId.current = activeTabId;
+  }, [activeTabId, innerWidth]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      className: clsx(
+        "hds-tabs__list",
+        direction === "horizontal" ? {
+          "hds-tabs__list--horizontal": wideEnough,
+          "hds-tabs__list--vertical": !wideEnough
+        } : {
+          "hds-tabs__list--vertical": true
+        },
+        className
+      ),
+      ref: tabsListRef,
+      role: "tablist"
+    }, rest), {
+      children
+    })
+  );
+}
+TabsList.displayName = "Tabs.List";
+var Tab = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { as: Component = "button", children, tabId, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "tabId", "className", "onClick"]);
+    const context = useTabsContext();
+    const toggleTab = (e) => {
+      e.preventDefault();
+      context.toggleActiveTabId(tabId);
+      onClick && onClick(e);
+    };
+    return /* @__PURE__ */ jsx(
+      Component,
+      __spreadProps(__spreadValues({
+        className: clsx(
+          "hds-tabs__tab",
+          { "hds-tabs__tab--active": context.activeTabId === tabId },
+          className
+        ),
+        "data-tabid": tabId,
+        onClick: toggleTab,
+        ref,
+        role: "tab"
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+Tab.displayName = "Tabs.Tab";
+
+export {
+  TabsList,
+  Tab
+};
+//# sourceMappingURL=chunk-MUVJAMFN.mjs.map

package/dist/chunk-MUVJAMFN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs/tabs-list.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement, MouseEvent } from \"react\";\nimport { forwardRef, useEffect, useRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { type OverridableComponent, useResize } from \"../utils\";\nimport { useTabsContext } from \"./context\";\n\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactElement<TabProps> | ReactElement<TabProps>[];\n\n  /**\n   * Direction of the tabs. Can either be vertical or horizontal.\n   * Horizontal breaks on window width with fallback back to vertical\n   */\n  direction?: \"vertical\" | \"horizontal\";\n}\n\nexport function TabsList({ children, direction = \"horizontal\", className, ...rest }: TabListProps) {\n  const { activeTabId } = useTabsContext();\n  const tabsListRef = useRef<HTMLDivElement>(null);\n  const { width: tabsWidth } = useResize(tabsListRef);\n  const { innerWidth } = window;\n  const wideEnough = innerWidth >= tabsWidth;\n\n  const previousTabId = useRef(activeTabId);\n\n  // Marker animation\n  useEffect(() => {\n    const tabList = tabsListRef.current;\n    const activeTab = tabList?.querySelector(`[data-tabid=\"${activeTabId}\"]`);\n    if (!activeTab || !tabList) return;\n\n    const { offsetHeight: containerHeight, offsetWidth: containerWidth } = tabList;\n    const { offsetHeight, offsetWidth, offsetTop, offsetLeft } = activeTab as HTMLElement;\n\n    // Calculate the height and width of the marker relative to the container\n    const height = offsetHeight / containerHeight;\n    const width = offsetWidth / containerWidth;\n\n    // NOTE: Doing a DOM manipulation here to set the CSS variables for the marker\n    // Not really the react idomatic way, but as long as it works we are able to skip some intermidiate `useState`\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-height\", String(height));\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-width\", String(width));\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-top\", `${offsetTop}px`);\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-left\", `${offsetLeft}px`);\n\n    // Start with border fallback, then switch to the animated marker when the user changes tabs\n    // This way the marker is placed immediately to the default tab, then animates smoothly to the next when selected\n    if (previousTabId.current !== activeTabId) {\n      tabsListRef.current.style.setProperty(\n        \"--_hds-tabs-marker-animated-color\",\n        \"var(--_hds-tabs-marker-color)\",\n      );\n      tabsListRef.current.style.setProperty(\n        \"--_hds-tabs-marker-border-fallback-color\",\n        \"transparent\",\n      );\n    }\n    previousTabId.current = activeTabId;\n  }, [activeTabId, innerWidth]);\n\n  return (\n    <div\n      className={clsx(\n        \"hds-tabs__list\",\n        direction === \"horizontal\"\n          ? {\n              \"hds-tabs__list--horizontal\": wideEnough,\n              \"hds-tabs__list--vertical\": !wideEnough,\n            }\n          : {\n              \"hds-tabs__list--vertical\": true,\n            },\n        className as undefined,\n      )}\n      ref={tabsListRef}\n      role=\"tablist\"\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"Tabs.List\";\n\nexport interface TabProps extends HTMLAttributes<HTMLButtonElement> {\n  children: ReactElement<HTMLElement> | string;\n\n  /**\n   * Identifier for the tab\n   */\n  tabId: string;\n}\n\nexport const Tab: OverridableComponent<TabProps, HTMLButtonElement> = forwardRef(\n  ({ as: Component = \"button\", children, tabId, className, onClick, ...rest }, ref) => {\n    const context = useTabsContext();\n\n    const toggleTab = (e: MouseEvent<HTMLButtonElement>) => {\n      e.preventDefault();\n      context.toggleActiveTabId(tabId);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        className={clsx(\n          \"hds-tabs__tab\",\n          { \"hds-tabs__tab--active\": context.activeTabId === tabId },\n          className as undefined,\n        )}\n        data-tabid={tabId}\n        onClick={toggleTab}\n        ref={ref}\n        role=\"tab\"\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nTab.displayName = \"Tabs.Tab\";\n"],"mappings":";;;;;;;;;;;;;AACA,SAAS,YAAY,WAAW,cAAc;AAC9C,SAAS,YAAY;AA2DjB;AA7CG,SAAS,SAAS,IAA0E;AAA1E,eAAE,YAAU,YAAY,cAAc,UAhB/D,IAgByB,IAAoD,iBAApD,IAAoD,CAAlD,YAAU,aAA0B;AAC7D,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,EAAE,OAAO,UAAU,IAAI,UAAU,WAAW;AAClD,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,aAAa,cAAc;AAEjC,QAAM,gBAAgB,OAAO,WAAW;AAGxC,YAAU,MAAM;AACd,UAAM,UAAU,YAAY;AAC5B,UAAM,YAAY,mCAAS,cAAc,gBAAgB,WAAW;AACpE,QAAI,CAAC,aAAa,CAAC;AAAS;AAE5B,UAAM,EAAE,cAAc,iBAAiB,aAAa,eAAe,IAAI;AACvE,UAAM,EAAE,cAAc,aAAa,WAAW,WAAW,IAAI;AAG7D,UAAM,SAAS,eAAe;AAC9B,UAAM,QAAQ,cAAc;AAI5B,gBAAY,QAAQ,MAAM,YAAY,6BAA6B,OAAO,MAAM,CAAC;AACjF,gBAAY,QAAQ,MAAM,YAAY,4BAA4B,OAAO,KAAK,CAAC;AAC/E,gBAAY,QAAQ,MAAM,YAAY,0BAA0B,GAAG,SAAS,IAAI;AAChF,gBAAY,QAAQ,MAAM,YAAY,2BAA2B,GAAG,UAAU,IAAI;AAIlF,QAAI,cAAc,YAAY,aAAa;AACzC,kBAAY,QAAQ,MAAM;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AACA,kBAAY,QAAQ,MAAM;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,kBAAc,UAAU;AAAA,EAC1B,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cAAc,eACV;AAAA,UACE,8BAA8B;AAAA,UAC9B,4BAA4B,CAAC;AAAA,QAC/B,IACA;AAAA,UACE,4BAA4B;AAAA,QAC9B;AAAA,QACJ;AAAA,MACF;AAAA,MACA,KAAK;AAAA,MACL,MAAK;AAAA,OACD,OAfL;AAAA,MAiBE;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;AAWhB,IAAM,MAAyD;AAAA,EACpE,CAAC,IAA4E,QAAQ;AAApF,iBAAE,MAAI,YAAY,UAAU,UAAU,OAAO,WAAW,QA/F3D,IA+FG,IAAoE,iBAApE,IAAoE,CAAlE,MAA0B,YAAU,SAAO,aAAW;AACvD,UAAM,UAAU,eAAe;AAE/B,UAAM,YAAY,CAAC,MAAqC;AACtD,QAAE,eAAe;AACjB,cAAQ,kBAAkB,KAAK;AAC/B,iBAAW,QAAQ,CAAC;AAAA,IACtB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,EAAE,yBAAyB,QAAQ,gBAAgB,MAAM;AAAA,UACzD;AAAA,QACF;AAAA,QACA,cAAY;AAAA,QACZ,SAAS;AAAA,QACT;AAAA,QACA,MAAK;AAAA,SACD,OAVL;AAAA,QAYE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;","names":[]}

package/dist/{chunk-WGVZWX5L.mjs → chunk-RLUXDZ6X.mjs}

@@ -1,6 +1,9 @@
 import {
   useRadioGroupContext
-} from "./chunk-V4NGUB4I.mjs";
+} from "./chunk-XFSZBILE.mjs";
+import {
+  useFieldsetContext
+} from "./chunk-HXV2UMEV.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -41,8 +44,15 @@ var Radiobutton = forwardRef(
       "children",
       "className"
     ]);
-    const _a2 = useRadioGroupContext(), { value: selectedValue, hasError: hasErrorContext } = _a2, context = __objRest(_a2, ["value", "hasError"]);
-    const hasError = hasErrorContext || hasErrorProp;
+    const _a2 = useRadioGroupContext(), {
+      value: selectedValue,
+      hasError: hasRadioGroupError
+    } = _a2, context = __objRest(_a2, [
+      "value",
+      "hasError"
+    ]);
+    const { hasError: hasFieldsetError } = useFieldsetContext();
+    const hasError = hasFieldsetError || hasRadioGroupError || hasErrorProp;
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -79,4 +89,4 @@ Radiobutton.displayName = "Radiobutton";
 export {
   Radiobutton
 };
-//# sourceMappingURL=chunk-WGVZWX5L.mjs.map
+//# sourceMappingURL=chunk-RLUXDZ6X.mjs.map

package/dist/chunk-RLUXDZ6X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/radiobutton/radiobutton.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { useFieldsetContext } from \"../fieldset\";\nimport { type RadioGroupProps, useRadioGroupContext } from \"./radiogroup\";\n\nexport interface RadiobuttonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  children: ReactNode;\n  variant?: \"plain\" | \"bounding-box\";\n  /**\n   * Set to `true` to add error styling. The component will take care of aria to indicate invalid state.\n   *\n   * Normally you don't need this, as you should wrap your Radiobuttons in the RadioGroup component.\n   * When providing an errorMessage to RadioGroup, all contained Radiobuttons will get correct hasError state.\n   *\n   * You can use this when your Radiobutton is part of a non-HDS fieldset which shows an error message.\n   */\n  hasError?: boolean;\n  title?: string;\n}\n\nconst isChecked = ({\n  checked,\n  selectedValue,\n  value,\n}: Pick<RadiobuttonProps, \"checked\" | \"value\"> & {\n  selectedValue: RadioGroupProps[\"value\"];\n}) => {\n  if (typeof checked !== \"undefined\") return checked;\n  if (typeof selectedValue !== \"undefined\") return value === selectedValue;\n  return undefined;\n};\n\nexport const Radiobutton = forwardRef<HTMLInputElement, RadiobuttonProps>(\n  (\n    {\n      checked,\n      value,\n      variant = \"plain\",\n      hasError: hasErrorProp,\n      title,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const {\n      value: selectedValue,\n      hasError: hasRadioGroupError,\n      ...context\n    } = useRadioGroupContext();\n    const { hasError: hasFieldsetError } = useFieldsetContext();\n    const hasError = hasFieldsetError || hasRadioGroupError || hasErrorProp;\n\n    return (\n      <div\n        className={clsx(\n          \"hds-radiobutton\",\n          {\n            [`hds-radiobutton--${variant}`]: variant === \"bounding-box\",\n            \"hds-radiobutton--error\": hasError,\n          },\n          className as undefined,\n        )}\n      >\n        <label>\n          <input\n            {...context}\n            {...rest}\n            checked={isChecked({ checked, selectedValue, value })}\n            value={value}\n            ref={ref}\n            type=\"radio\"\n          />\n          <span aria-hidden className=\"hds-radiobutton__checkmark\" />\n          {title ? <p className=\"hds-radiobutton__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\n\nRadiobutton.displayName = \"Radiobutton\";\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,kBAA4D;AACrE,SAAS,YAAY;AAiEb,SACE,KADF;AA7CR,IAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,MAEM;AACJ,MAAI,OAAO,YAAY;AAAa,WAAO;AAC3C,MAAI,OAAO,kBAAkB;AAAa,WAAO,UAAU;AAC3D,SAAO;AACT;AAEO,IAAM,cAAc;AAAA,EACzB,CACE,IAUA,QACG;AAXH,iBACE;AAAA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IA1CN,IAmCI,IAQK,iBARL,IAQK;AAAA,MAPH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAIIA,MAAA,qBAAqB,GAHvB;AAAA,aAAO;AAAA,MACP,UAAU;AAAA,IAjDhB,IAmDQA,KADC,oBACDA,KADC;AAAA,MAFH;AAAA,MACA;AAAA;AAGF,UAAM,EAAE,UAAU,iBAAiB,IAAI,mBAAmB;AAC1D,UAAM,WAAW,oBAAoB,sBAAsB;AAE3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,CAAC,oBAAoB,OAAO,EAAE,GAAG,YAAY;AAAA,YAC7C,0BAA0B;AAAA,UAC5B;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,+BAAC,WACC;AAAA;AAAA,cAAC;AAAA,8DACK,UACA,OAFL;AAAA,gBAGC,SAAS,UAAU,EAAE,SAAS,eAAe,MAAM,CAAC;AAAA,gBACpD;AAAA,gBACA;AAAA,gBACA,MAAK;AAAA;AAAA,YACP;AAAA,YACA,oBAAC,UAAK,eAAW,MAAC,WAAU,8BAA6B;AAAA,YACxD,QAAQ,oBAAC,OAAE,WAAU,0BAA0B,iBAAM,IAAO;AAAA,aAC/D;AAAA,UACC,QAAQ,WAAW;AAAA;AAAA;AAAA,IACtB;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;","names":["_a"]}

package/dist/{chunk-VKRPPQ6F.mjs → chunk-TE5M6GJB.mjs}

@@ -2,13 +2,14 @@ import {
   NavbarExpandableMenu,
   NavbarExpandableMenuContent,
   NavbarExpandableMenuTrigger
-} from "./chunk-2E6XPNPX.mjs";
+} from "./chunk-DEVTAZKG.mjs";
 import {
   Navbar,
   NavbarButton,
   NavbarLogo,
+  NavbarLogoAndServiceText,
   NavbarNavigation
-} from "./chunk-JMDXW2ML.mjs";
+} from "./chunk-625SVQEP.mjs";
 
 // src/navbar/index.tsx
 var NavbarExpandableMenuComponent = NavbarExpandableMenu;
@@ -16,6 +17,7 @@ NavbarExpandableMenuComponent.Trigger = NavbarExpandableMenuTrigger;
 NavbarExpandableMenuComponent.Content = NavbarExpandableMenuContent;
 var NavbarComponent = Navbar;
 NavbarComponent.Logo = NavbarLogo;
+NavbarComponent.LogoAndServiceText = NavbarLogoAndServiceText;
 NavbarComponent.ExpandableMenu = NavbarExpandableMenuComponent;
 NavbarComponent.Button = NavbarButton;
 NavbarComponent.Navigation = NavbarNavigation;
@@ -23,4 +25,4 @@ NavbarComponent.Navigation = NavbarNavigation;
 export {
   NavbarComponent
 };
-//# sourceMappingURL=chunk-VKRPPQ6F.mjs.map
+//# sourceMappingURL=chunk-TE5M6GJB.mjs.map

package/dist/chunk-TE5M6GJB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navbar/index.tsx"],"sourcesContent":["import {\n  Navbar,\n  NavbarLogo,\n  NavbarButton,\n  NavbarNavigation,\n  NavbarLogoAndServiceText,\n} from \"./navbar\";\nimport {\n  useNavbarExpendableMenuContext,\n  NavbarExpandableMenu,\n  NavbarExpandableMenuTrigger,\n  NavbarExpandableMenuContent,\n} from \"./navbar-expandable-menu\";\n\nconst NavbarExpandableMenuComponent = NavbarExpandableMenu as typeof NavbarExpandableMenu & {\n  Trigger: typeof NavbarExpandableMenuTrigger;\n  Content: typeof NavbarExpandableMenuContent;\n};\nNavbarExpandableMenuComponent.Trigger = NavbarExpandableMenuTrigger;\nNavbarExpandableMenuComponent.Content = NavbarExpandableMenuContent;\n\nconst NavbarComponent = Navbar as typeof Navbar & {\n  Logo: typeof NavbarLogo;\n  LogoAndServiceText: typeof NavbarLogoAndServiceText;\n  ExpandableMenu: typeof NavbarExpandableMenuComponent;\n  Button: typeof NavbarButton;\n  Navigation: typeof NavbarNavigation;\n};\nNavbarComponent.Logo = NavbarLogo;\nNavbarComponent.LogoAndServiceText = NavbarLogoAndServiceText;\nNavbarComponent.ExpandableMenu = NavbarExpandableMenuComponent;\nNavbarComponent.Button = NavbarButton;\nNavbarComponent.Navigation = NavbarNavigation;\n\nexport { NavbarComponent as Navbar, useNavbarExpendableMenuContext };\nexport type * from \"./navbar\";\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAM,gCAAgC;AAItC,8BAA8B,UAAU;AACxC,8BAA8B,UAAU;AAExC,IAAM,kBAAkB;AAOxB,gBAAgB,OAAO;AACvB,gBAAgB,qBAAqB;AACrC,gBAAgB,iBAAiB;AACjC,gBAAgB,SAAS;AACzB,gBAAgB,aAAa;","names":[]}

package/dist/chunk-U2MRMUB2.mjs

@@ -0,0 +1,19 @@
+import {
+  Footer,
+  FooterButtonLink,
+  FooterLinkSection,
+  FooterLinkSections,
+  FooterLogo
+} from "./chunk-EHUVLDIZ.mjs";
+
+// src/footer/index.tsx
+var FooterComponent = Footer;
+FooterComponent.Logo = FooterLogo;
+FooterComponent.ButtonLink = FooterButtonLink;
+FooterComponent.LinkSections = FooterLinkSections;
+FooterComponent.LinkSection = FooterLinkSection;
+
+export {
+  FooterComponent
+};
+//# sourceMappingURL=chunk-U2MRMUB2.mjs.map

package/dist/chunk-U2MRMUB2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/footer/index.tsx"],"sourcesContent":["import {\n  Footer,\n  FooterLogo,\n  FooterButtonLink,\n  FooterLinkSections,\n  FooterLinkSection,\n} from \"./footer\";\n\nconst FooterComponent = Footer as typeof Footer & {\n  Logo: typeof FooterLogo;\n  ButtonLink: typeof FooterButtonLink;\n  LinkSections: typeof FooterLinkSections;\n  LinkSection: typeof FooterLinkSection;\n};\nFooterComponent.Logo = FooterLogo;\nFooterComponent.ButtonLink = FooterButtonLink;\nFooterComponent.LinkSections = FooterLinkSections;\nFooterComponent.LinkSection = FooterLinkSection;\n\nexport { FooterComponent as Footer };\nexport type * from \"./footer\";\n"],"mappings":";;;;;;;;;AAQA,IAAM,kBAAkB;AAMxB,gBAAgB,OAAO;AACvB,gBAAgB,aAAa;AAC7B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;","names":[]}

package/dist/{chunk-EJADADIY.mjs → chunk-UWTGHSWT.mjs}

@@ -1,6 +1,6 @@
 import {
-  TabsContext
-} from "./chunk-33JD5XDW.mjs";
+  useTabsContext
+} from "./chunk-KQITCS3U.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -8,21 +8,18 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/tabs/tabs-content.tsx
-import { forwardRef, useContext } from "react";
+import { forwardRef } from "react";
 import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 function TabsContents(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ className: clsx("hds-tabs--contents") }, rest), { children }));
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ className: clsx("hds-tabs__contents") }, rest), { children }));
 }
 TabsContents.displayName = "Tabs.Contents";
 var TabsContent = forwardRef(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", forTabId, children } = _b, rest = __objRest(_b, ["as", "forTabId", "children"]);
-    const context = useContext(TabsContext);
-    if (!context.mounted) {
-      throw new Error("Context required. Did you use <Tabs.Content /> outside of <Tabs/>?");
-    }
+    const context = useTabsContext();
     if (context.activeTabId === forTabId) {
       return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, rest), { ref, children }));
     }
@@ -35,4 +32,4 @@ export {
   TabsContents,
   TabsContent
 };
-//# sourceMappingURL=chunk-EJADADIY.mjs.map
+//# sourceMappingURL=chunk-UWTGHSWT.mjs.map

package/dist/chunk-UWTGHSWT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs/tabs-content.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { useTabsContext } from \"./context\";\n\nexport interface TabContentsProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactElement<TabsContentProps> | ReactElement<TabsContentProps>[];\n}\n\nexport function TabsContents({ children, ...rest }: TabContentsProps) {\n  return (\n    <div className={clsx(\"hds-tabs__contents\")} {...rest}>\n      {children}\n    </div>\n  );\n}\nTabsContents.displayName = \"Tabs.Contents\";\n\nexport interface TabsContentProps extends HTMLAttributes<HTMLElement> {\n  children: ReactElement<HTMLElement> | ReactElement<HTMLElement>[] | string;\n\n  /**\n   * Content for the referenced tabId\n   */\n  forTabId: string;\n}\n\nexport const TabsContent: OverridableComponent<TabsContentProps, HTMLElement> = forwardRef(\n  ({ as: Component = \"div\", forTabId, children, ...rest }, ref) => {\n    const context = useTabsContext();\n\n    if (context.activeTabId === forTabId) {\n      return (\n        <Component {...rest} ref={ref}>\n          {children}\n        </Component>\n      );\n    }\n    return null;\n  },\n);\n\nTabsContent.displayName = \"Tabs.Content\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAUjB;AAFG,SAAS,aAAa,IAAyC;AAAzC,eAAE,WAV/B,IAU6B,IAAe,iBAAf,IAAe,CAAb;AAC7B,SACE,oBAAC,sCAAI,WAAW,KAAK,oBAAoB,KAAO,OAA/C,EACE,WACH;AAEJ;AACA,aAAa,cAAc;AAWpB,IAAM,cAAmE;AAAA,EAC9E,CAAC,IAAwD,QAAQ;AAAhE,iBAAE,MAAI,YAAY,OAAO,UAAU,SA7BtC,IA6BG,IAAgD,iBAAhD,IAAgD,CAA9C,MAAuB,YAAU;AAClC,UAAM,UAAU,eAAe;AAE/B,QAAI,QAAQ,gBAAgB,UAAU;AACpC,aACE,oBAAC,4CAAc,OAAd,EAAoB,KAClB,WACH;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AACF;AAEA,YAAY,cAAc;","names":[]}

package/dist/{chunk-5MDJP43L.mjs → chunk-VFFIUNR6.mjs}

@@ -1,14 +1,14 @@
+import {
+  TabsContent,
+  TabsContents
+} from "./chunk-UWTGHSWT.mjs";
 import {
   Tab,
   TabsList
-} from "./chunk-XVZ44NGD.mjs";
+} from "./chunk-MUVJAMFN.mjs";
 import {
   Tabs
-} from "./chunk-MBBFU4IR.mjs";
-import {
-  TabsContent,
-  TabsContents
-} from "./chunk-EJADADIY.mjs";
+} from "./chunk-XVFQWVHO.mjs";
 
 // src/tabs/index.tsx
 var TabsComponent = Tabs;
@@ -20,4 +20,4 @@ TabsComponent.Content = TabsContent;
 export {
   TabsComponent
 };
-//# sourceMappingURL=chunk-5MDJP43L.mjs.map
+//# sourceMappingURL=chunk-VFFIUNR6.mjs.map

package/dist/chunk-X7EKQZNU.mjs

@@ -0,0 +1,76 @@
+import {
+  useFieldsetContext
+} from "./chunk-HXV2UMEV.mjs";
+import {
+  ErrorMessage
+} from "./chunk-IL7576PP.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/form/checkbox/checkbox.tsx
+import { forwardRef, useId } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Checkbox = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      variant = "plain",
+      hasError: hasErrorProp,
+      errorMessage,
+      title,
+      children,
+      className
+    } = _b, rest = __objRest(_b, [
+      "variant",
+      "hasError",
+      "errorMessage",
+      "title",
+      "children",
+      "className"
+    ]);
+    const errorMessageId = useId();
+    const { hasError: hasFieldsetError } = useFieldsetContext();
+    const hasError = !!errorMessage || hasFieldsetError || hasErrorProp;
+    return /* @__PURE__ */ jsxs("div", { className: clsx("hds-checkbox-wrapper"), children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx(
+            "hds-checkbox",
+            {
+              [`hds-checkbox--${variant}`]: variant === "bounding-box",
+              "hds-checkbox--error": hasError
+            },
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("label", { children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                __spreadProps(__spreadValues({}, rest), {
+                  "aria-invalid": hasError ? true : void 0,
+                  "aria-describedby": errorMessage ? errorMessageId : void 0,
+                  ref,
+                  type: "checkbox"
+                })
+              ),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "hds-checkbox__checkmark" }),
+              title ? /* @__PURE__ */ jsx("p", { className: "hds-checkbox__title", children: title }) : children
+            ] }),
+            title ? children : null
+          ]
+        }
+      ),
+      errorMessage ? /* @__PURE__ */ jsx(ErrorMessage, { id: errorMessageId, children: errorMessage }) : null
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+export {
+  Checkbox
+};
+//# sourceMappingURL=chunk-X7EKQZNU.mjs.map

package/dist/chunk-X7EKQZNU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/checkbox/checkbox.tsx"],"sourcesContent":["import { forwardRef, useId, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\nimport { useFieldsetContext } from \"../fieldset\";\n\nexport type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> & {\n  children: ReactNode;\n  variant?: \"plain\" | \"bounding-box\";\n  title?: string;\n} & (\n    | {\n        /**\n         * Set to `true` to add error styling. The component will take care of aria to indicate invalid state.\n         *\n         * Normally you don't need this, as you should wrap your Checkboxes in the Fieldset component.\n         * When providing an errorMessage to Fieldset, all contained Checkboxes will get correct hasError state.\n         *\n         * You can use this when your checkbox is part of a non-HDS fieldset which shows an error message.\n         */\n        hasError?: boolean;\n        errorMessage?: never;\n      }\n    | {\n        hasError?: never;\n        /**\n         * Set an error message to add error styling, and display the error message.\n         * The component will take care of aria to connect the error message to the checkbox.\n         *\n         * Use this when your checkbox is standalone (not part of a fieldset).\n         */\n        errorMessage?: ReactNode;\n      }\n  );\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      variant = \"plain\",\n      hasError: hasErrorProp,\n      errorMessage,\n      title,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const errorMessageId = useId();\n    const { hasError: hasFieldsetError } = useFieldsetContext();\n    const hasError = !!errorMessage || hasFieldsetError || hasErrorProp;\n\n    return (\n      <div className={clsx(\"hds-checkbox-wrapper\")}>\n        <div\n          className={clsx(\n            \"hds-checkbox\",\n            {\n              [`hds-checkbox--${variant}`]: variant === \"bounding-box\",\n              \"hds-checkbox--error\": hasError,\n            },\n            className as undefined,\n          )}\n        >\n          <label>\n            <input\n              {...rest}\n              aria-invalid={hasError ? true : undefined}\n              aria-describedby={errorMessage ? errorMessageId : undefined}\n              ref={ref}\n              type=\"checkbox\"\n            />\n            <span aria-hidden className=\"hds-checkbox__checkmark\" />\n            {title ? <p className=\"hds-checkbox__title\">{title}</p> : children}\n          </label>\n          {title ? children : null}\n        </div>\n        {errorMessage ? <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage> : null}\n      </div>\n    );\n  },\n);\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,YAAY,aAAuD;AAC5E,SAAS,YAAY;AA8DX,SACE,KADF;AA7BH,IAAM,WAAW;AAAA,EACtB,CACE,IASA,QACG;AAVH,iBACE;AAAA,gBAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IA1CN,IAoCI,IAOK,iBAPL,IAOK;AAAA,MANH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,iBAAiB,MAAM;AAC7B,UAAM,EAAE,UAAU,iBAAiB,IAAI,mBAAmB;AAC1D,UAAM,WAAW,CAAC,CAAC,gBAAgB,oBAAoB;AAEvD,WACE,qBAAC,SAAI,WAAW,KAAK,sBAAsB,GACzC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,CAAC,iBAAiB,OAAO,EAAE,GAAG,YAAY;AAAA,cAC1C,uBAAuB;AAAA,YACzB;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,iCAAC,WACC;AAAA;AAAA,gBAAC;AAAA,iDACK,OADL;AAAA,kBAEC,gBAAc,WAAW,OAAO;AAAA,kBAChC,oBAAkB,eAAe,iBAAiB;AAAA,kBAClD;AAAA,kBACA,MAAK;AAAA;AAAA,cACP;AAAA,cACA,oBAAC,UAAK,eAAW,MAAC,WAAU,2BAA0B;AAAA,cACrD,QAAQ,oBAAC,OAAE,WAAU,uBAAuB,iBAAM,IAAO;AAAA,eAC5D;AAAA,YACC,QAAQ,WAAW;AAAA;AAAA;AAAA,MACtB;AAAA,MACC,eAAe,oBAAC,gBAAa,IAAI,gBAAiB,wBAAa,IAAkB;AAAA,OACpF;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/{chunk-V4NGUB4I.mjs → chunk-XFSZBILE.mjs}

@@ -1,6 +1,6 @@
 import {
   Fieldset
-} from "./chunk-37WVYY6X.mjs";
+} from "./chunk-HXV2UMEV.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -31,4 +31,4 @@ export {
   useRadioGroupContext,
   RadioGroup
 };
-//# sourceMappingURL=chunk-V4NGUB4I.mjs.map
+//# sourceMappingURL=chunk-XFSZBILE.mjs.map

package/dist/chunk-XFSZBILE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/radiobutton/radiogroup.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  useContext,\n} from \"react\";\nimport { Fieldset, type FieldsetProps } from \"../fieldset\";\nimport type { RadiobuttonProps } from \"./radiobutton\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  children: ReactNode;\n  /** Will be passed to all Radiobuttons within the radio group */\n  name?: RadiobuttonProps[\"name\"];\n  /** If you want the group to be controlled, you can pass the selected value here */\n  value?: RadiobuttonProps[\"value\"];\n  /**\n   * Error message is passed to the internal Fieldset, and will also give contained Radiobuttons\n   * error styling and aria to indicate invalid state.\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radiobuttons within the radio group */\n  onChange?: ChangeEventHandler<HTMLInputElement> | undefined;\n}\n\ntype RadioGroupContextProps = {\n  hasError: boolean;\n} & Pick<RadioGroupProps, \"name\" | \"value\" | \"onChange\">;\n\nconst RadioGroupContext = createContext<RadioGroupContextProps>({\n  hasError: false,\n  onChange: () => {\n    return undefined;\n  },\n});\n\nexport const useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  { name, value, errorMessage, onChange, children, ...rest },\n  ref,\n) {\n  return (\n    <RadioGroupContext.Provider value={{ name, value, hasError: Boolean(errorMessage), onChange }}>\n      <Fieldset errorMessage={errorMessage} {...rest} ref={ref}>\n        {children}\n      </Fieldset>\n    </RadioGroupContext.Provider>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAsCD;AAfN,IAAM,oBAAoB,cAAsC;AAAA,EAC9D,UAAU;AAAA,EACV,UAAU,MAAM;AACd,WAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,uBAAuB,MAAM,WAAW,iBAAiB;AAE/D,IAAM,aAAa,WAAiD,SAASA,YAClF,IACA,KACA;AAFA,eAAE,QAAM,OAAO,cAAc,UAAU,SAvCzC,IAuCE,IAAoD,iBAApD,IAAoD,CAAlD,QAAM,SAAO,gBAAc,YAAU;AAGvC,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,MAAM,OAAO,UAAU,QAAQ,YAAY,GAAG,SAAS,GAC1F,8BAAC,yCAAS,gBAAgC,OAAzC,EAA+C,KAC7C,WACH,GACF;AAEJ,CAAC;AAED,WAAW,cAAc;","names":["RadioGroup"]}

package/dist/{chunk-MBBFU4IR.mjs → chunk-XVFQWVHO.mjs}

@@ -1,6 +1,6 @@
 import {
   TabsContext
-} from "./chunk-33JD5XDW.mjs";
+} from "./chunk-KQITCS3U.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -15,13 +15,7 @@ var Tabs = forwardRef(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", defaultTab, children } = _b, rest = __objRest(_b, ["as", "defaultTab", "children"]);
     const [activeTabId, setActiveTabId] = useState(defaultTab);
-    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ className: clsx("hds-tabs"), ref }, rest), { children: /* @__PURE__ */ jsx(
-      TabsContext.Provider,
-      {
-        value: { activeTabId, toggleActiveTabId: setActiveTabId, mounted: true },
-        children
-      }
-    ) }));
+    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ className: clsx("hds-tabs"), ref }, rest), { children: /* @__PURE__ */ jsx(TabsContext.Provider, { value: { activeTabId, toggleActiveTabId: setActiveTabId }, children }) }));
   }
 );
 Tabs.displayName = "Tabs";
@@ -29,4 +23,4 @@ Tabs.displayName = "Tabs";
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-MBBFU4IR.mjs.map
+//# sourceMappingURL=chunk-XVFQWVHO.mjs.map

package/dist/{chunk-MBBFU4IR.mjs.map → chunk-XVFQWVHO.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tabs/tabs.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { TabsContext } from \"./context\";\nimport type { TabContentsProps } from \"./tabs-content\";\nimport type { TabListProps } from \"./tabs-list\";\n\nexport interface TabsProps extends HTMLAttributes<HTMLElement> {\n  children: ReactElement<TabListProps | TabContentsProps>[] | ReactElement;\n\n  /**\n   * Define which tab to use as default. Must be one of the <Tab/>s identifier.\n   */\n  defaultTab: string;\n}\n\nexport const Tabs: OverridableComponent<TabsProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", defaultTab, children, ...rest }, ref) => {\n    const [activeTabId, setActiveTabId] = useState<string>(defaultTab);\n    return (\n      <Component className={clsx(\"hds-tabs\")} ref={ref} {...rest}>\n        <TabsContext.Provider\n          value={{ activeTabId, toggleActiveTabId: setActiveTabId, mounted: true }}\n        >\n          {children}\n        </TabsContext.Provider>\n      </Component>\n    );\n  },\n);\n\nTabs.displayName = \"Tabs\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,gBAAgB;AACrC,SAAS,YAAY;AAoBb;AALD,IAAM,OAAwD;AAAA,EACnE,CAAC,IAA0D,QAAQ;AAAlE,iBAAE,MAAI,YAAY,OAAO,YAAY,SAlBxC,IAkBG,IAAkD,iBAAlD,IAAkD,CAAhD,MAAuB,cAAY;AACpC,UAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,UAAU;AACjE,WACE,oBAAC,0CAAU,WAAW,KAAK,UAAU,GAAG,OAAc,OAArD,EACC;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,OAAO,EAAE,aAAa,mBAAmB,gBAAgB,SAAS,KAAK;AAAA,QAEtE;AAAA;AAAA,IACH,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}
+{"version":3,"sources":["../src/tabs/tabs.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { TabsContext } from \"./context\";\nimport type { TabContentsProps } from \"./tabs-content\";\nimport type { TabListProps } from \"./tabs-list\";\n\nexport interface TabsProps extends HTMLAttributes<HTMLElement> {\n  children: ReactElement<TabListProps | TabContentsProps>[] | ReactElement;\n\n  /**\n   * Define which tab to use as default. Must be one of the <Tab/>s identifier.\n   */\n  defaultTab: string;\n}\n\nexport const Tabs: OverridableComponent<TabsProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", defaultTab, children, ...rest }, ref) => {\n    const [activeTabId, setActiveTabId] = useState<string>(defaultTab);\n    return (\n      <Component className={clsx(\"hds-tabs\")} ref={ref} {...rest}>\n        <TabsContext.Provider value={{ activeTabId, toggleActiveTabId: setActiveTabId }}>\n          {children}\n        </TabsContext.Provider>\n      </Component>\n    );\n  },\n);\n\nTabs.displayName = \"Tabs\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,gBAAgB;AACrC,SAAS,YAAY;AAoBb;AALD,IAAM,OAAwD;AAAA,EACnE,CAAC,IAA0D,QAAQ;AAAlE,iBAAE,MAAI,YAAY,OAAO,YAAY,SAlBxC,IAkBG,IAAkD,iBAAlD,IAAkD,CAAhD,MAAuB,cAAY;AACpC,UAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,UAAU;AACjE,WACE,oBAAC,0CAAU,WAAW,KAAK,UAAU,GAAG,OAAc,OAArD,EACC,8BAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,aAAa,mBAAmB,eAAe,GAC3E,UACH,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/chunk-YWNVB7TY.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-YWNVB7TY.mjs.map

package/dist/{chunk-FT5CX2W5.mjs → chunk-YXHXRUFX.mjs}

@@ -13,23 +13,20 @@ import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var AccordionHeader = forwardRef((_a, ref) => {
   var _b = _a, { as: Component = "button", children, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "className", "onClick"]);
-  const itemContext = useContext(AccordionItemContext);
-  if (itemContext === null) {
+  const context = useContext(AccordionItemContext);
+  if (context === null) {
     return null;
   }
   const expandOrCollapse = (e) => {
-    itemContext.setOpen(!itemContext.open);
+    context.setOpen(!context.open);
     onClick && onClick(e);
   };
   return /* @__PURE__ */ jsx(
     Component,
     __spreadProps(__spreadValues({}, rest), {
-      "aria-expanded": itemContext.open,
-      className: clsx(
-        "hds-accordion-item-header",
-        { "hds-accordion-item-header--open": itemContext.open },
-        className
-      ),
+      "aria-expanded": context.open,
+      "data-state": context.open ? "open" : "closed",
+      className: clsx("hds-accordion-item-header", className),
       onClick: expandOrCollapse,
       ref,
       type: "button",
@@ -42,4 +39,4 @@ AccordionHeader.displayName = "Accordion.Header";
 export {
   AccordionHeader
 };
-//# sourceMappingURL=chunk-FT5CX2W5.mjs.map
+//# sourceMappingURL=chunk-YXHXRUFX.mjs.map

package/dist/chunk-YXHXRUFX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion/accordion-header.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n}\n\nexport const AccordionHeader: OverridableComponent<AccordionHeaderProps, HTMLButtonElement> =\n  forwardRef(({ as: Component = \"button\", children, className, onClick, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n      context.setOpen(!context.open);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        {...rest}\n        aria-expanded={context.open}\n        data-state={context.open ? \"open\" : \"closed\"}\n        className={clsx(\"hds-accordion-item-header\", className as undefined)}\n        onClick={expandOrCollapse}\n        ref={ref}\n        type=\"button\"\n      >\n        <span>{children}</span>\n      </Component>\n    );\n  });\n\nAccordionHeader.displayName = \"Accordion.Header\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,kBAAkB;AACvC,SAAS,YAAY;AA4Bb;AApBD,IAAM,kBACX,WAAW,CAAC,IAAqE,QAAQ;AAA7E,eAAE,MAAI,YAAY,UAAU,UAAU,WAAW,QAX/D,IAWc,IAA6D,iBAA7D,IAA6D,CAA3D,MAA0B,YAAU,aAAW;AAC3D,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AACA,QAAM,mBAAmB,CAAC,MAAqC;AAC7D,YAAQ,QAAQ,CAAC,QAAQ,IAAI;AAC7B,eAAW,QAAQ,CAAC;AAAA,EACtB;AACA,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,iBAAe,QAAQ;AAAA,MACvB,cAAY,QAAQ,OAAO,SAAS;AAAA,MACpC,WAAW,KAAK,6BAA6B,SAAsB;AAAA,MACnE,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MAEL,8BAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ,CAAC;AAEH,gBAAgB,cAAc;","names":[]}

package/dist/footer/footer.d.mts

@@ -0,0 +1,7 @@
+export { FooterProps_alias_2 as FooterProps } from '../_tsup-dts-rollup';
+export { Footer_alias_2 as Footer } from '../_tsup-dts-rollup';
+export { FooterButtonLinkProps_alias_2 as FooterButtonLinkProps } from '../_tsup-dts-rollup';
+export { FooterButtonLink_alias_2 as FooterButtonLink } from '../_tsup-dts-rollup';
+export { FooterLogo_alias_2 as FooterLogo } from '../_tsup-dts-rollup';
+export { FooterLinkSections_alias_2 as FooterLinkSections } from '../_tsup-dts-rollup';
+export { FooterLinkSection_alias_2 as FooterLinkSection } from '../_tsup-dts-rollup';

package/dist/footer/footer.d.ts

@@ -0,0 +1,7 @@
+export { FooterProps_alias_2 as FooterProps } from '../_tsup-dts-rollup';
+export { Footer_alias_2 as Footer } from '../_tsup-dts-rollup';
+export { FooterButtonLinkProps_alias_2 as FooterButtonLinkProps } from '../_tsup-dts-rollup';
+export { FooterButtonLink_alias_2 as FooterButtonLink } from '../_tsup-dts-rollup';
+export { FooterLogo_alias_2 as FooterLogo } from '../_tsup-dts-rollup';
+export { FooterLinkSections_alias_2 as FooterLinkSections } from '../_tsup-dts-rollup';
+export { FooterLinkSection_alias_2 as FooterLinkSection } from '../_tsup-dts-rollup';