@postenbring/hedwig-react 0.0.57 → 0.0.59

package/dist/index-no-css.js

@@ -111,7 +111,7 @@ module.exports = __toCommonJS(index_no_css_exports);
 
 // src/accordion/accordion.tsx
 var import_react = require("react");
-var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Accordion = (0, import_react.forwardRef)(
   (_a, ref) => {
@@ -134,7 +134,7 @@ Accordion.displayName = "Accordion";
 
 // src/accordion/accordion-item.tsx
 var import_react3 = require("react");
-var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/accordion/context.ts
 var import_react2 = require("react");
@@ -188,7 +188,7 @@ AccordionItem.displayName = "Accordion.Item";
 
 // src/accordion/accordion-header.tsx
 var import_react4 = require("react");
-var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var AccordionHeader = (0, import_react4.forwardRef)((_a, ref) => {
   var _b = _a, { as: Component = "button", children, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "className", "onClick"]);
@@ -220,7 +220,7 @@ AccordionHeader.displayName = "Accordion.Header";
 
 // src/accordion/accordion-content.tsx
 var import_react5 = require("react");
-var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var AccordionContent = (0, import_react5.forwardRef)((_a, ref) => {
   var _b = _a, { as: Component = "div", children, className } = _b, rest = __objRest(_b, ["as", "children", "className"]);
@@ -254,7 +254,7 @@ AccordionComponent.Header = AccordionHeader;
 AccordionComponent.Content = AccordionContent;
 
 // src/badge/badge.tsx
-var import_typed_classname5 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname5 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function BaseBadge(_a) {
   var _b = _a, {
@@ -302,7 +302,7 @@ WarningBadge.displayName = "WarningBadge";
 
 // src/box/box.tsx
 var import_react6 = require("react");
-var import_typed_classname6 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname6 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Box = (0, import_react6.forwardRef)(
   (_a, ref) => {
@@ -377,7 +377,7 @@ var BoxComponent = Box;
 BoxComponent.CloseButton = BoxCloseButton;
 
 // src/breadcrumb/breadcrumb.tsx
-var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function Breadcrumbs(_a) {
   var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
@@ -387,7 +387,7 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/button/button.tsx
 var import_react7 = require("react");
-var import_typed_classname8 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname8 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var BaseButton = (0, import_react7.forwardRef)(
   (_a, ref) => {
@@ -454,7 +454,7 @@ SecondaryButton.displayName = "SecondaryButton";
 
 // src/card/card.tsx
 var import_react8 = require("react");
-var import_typed_classname9 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname9 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var Card = (0, import_react8.forwardRef)((_a, ref) => {
   var _b = _a, { as: Component = "section", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
@@ -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/index.mjs");
+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/index.mjs");
-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/index.mjs");
+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/index.mjs");
-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/index.mjs");
-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/index.mjs");
-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/index.mjs");
-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/index.mjs");
-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/index.mjs");
+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/index.mjs");
+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,34 +942,8 @@ var Link = (0, import_react17.forwardRef)(
 );
 Link.displayName = "Link";
 
-// src/list/description-list.tsx
-var import_typed_classname20 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
-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/index.mjs");
+var import_typed_classname21 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function BaseList(_a) {
   var _b = _a, {
@@ -970,7 +970,7 @@ OrderedList.displayName = "OrderedList";
 UnorderedList.displayName = "UnorderedList";
 
 // src/list/link-list.tsx
-var import_typed_classname22 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname22 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function LinkList(_a) {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
@@ -980,7 +980,7 @@ LinkList.displayName = "LinkList";
 
 // src/message/message.tsx
 var import_react18 = require("react");
-var import_typed_classname23 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname23 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var Message = (0, import_react18.forwardRef)(
   (_a, ref) => {
@@ -1034,7 +1034,7 @@ MessageComponent.Description = MessageDescription;
 
 // src/modal/modal.tsx
 var import_react20 = require("react");
-var import_typed_classname24 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname24 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/utils.ts
 var React4 = __toESM(require("react"));
@@ -1195,7 +1195,7 @@ ModalComponent.Footer = ModalFooter;
 
 // src/navbar/navbar.tsx
 var import_react21 = require("react");
-var import_typed_classname25 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname25 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Navbar = (0, import_react21.forwardRef)(
   (_a, ref) => {
@@ -1237,7 +1237,7 @@ NavbarNavigation.displayName = "Navbar.Navigation";
 // src/navbar/navbar-expandable-menu.tsx
 var import_react22 = require("react");
 var import_client = require("react-dom/client");
-var import_typed_classname26 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname26 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/navbar/icons.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -1506,7 +1506,7 @@ var AutoAnimateHeight = (0, import_react23.forwardRef)(
 AutoAnimateHeight.displayName = "AutoAnimateHeight";
 
 // src/show-more/show-more.tsx
-var import_typed_classname27 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname27 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function ShowMoreButton(_a) {
   var _b = _a, { text, variant, expanded, className } = _b, rest = __objRest(_b, ["text", "variant", "expanded", "className"]);
@@ -1530,7 +1530,7 @@ function ShowMoreButton(_a) {
 }
 
 // src/skeleton/skeleton.tsx
-var import_typed_classname28 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname28 = require("@postenbring/hedwig-css/typed-classname");
 var import_react24 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var Skeleton = (0, import_react24.forwardRef)(
@@ -1552,7 +1552,7 @@ var Skeleton = (0, import_react24.forwardRef)(
 Skeleton.displayName = "Skeleton";
 
 // src/step-indicator/step-indicator.tsx
-var import_typed_classname29 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname29 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function StepIndicator(_a) {
   var _b = _a, {
@@ -1606,7 +1606,7 @@ function getStepState(renderedStep, activeStep) {
 
 // src/styled-html/styled-html.tsx
 var import_react25 = require("react");
-var import_typed_classname30 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname30 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var StyledHtml = (0, import_react25.forwardRef)(
   (_a, ref) => {
@@ -1631,7 +1631,7 @@ StyledHtml.displayName = "StyledHtml";
 
 // src/tabs/tabs.tsx
 var import_react27 = require("react");
-var import_typed_classname31 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname31 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/tabs/context.ts
 var import_react26 = require("react");
@@ -1662,7 +1662,7 @@ Tabs.displayName = "Tabs";
 
 // src/tabs/tabs-list.tsx
 var import_react28 = require("react");
-var import_typed_classname32 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname32 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function TabsList(_a) {
   var _b = _a, { children, direction = "horizontal", className } = _b, rest = __objRest(_b, ["children", "direction", "className"]);
@@ -1725,7 +1725,7 @@ Tab.displayName = "Tabs.Tab";
 
 // src/tabs/tabs-content.tsx
 var import_react29 = require("react");
-var import_typed_classname33 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname33 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function TabsContents(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
@@ -1756,7 +1756,7 @@ TabsComponent.Content = TabsContent;
 
 // src/text/text.tsx
 var import_react30 = require("react");
-var import_typed_classname34 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname34 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var defaultHTMLTag = {
   "h1-display": "h1",
@@ -1850,7 +1850,7 @@ function textVariant(variant, displayName) {
 
 // src/warning-banner/warning-banner.tsx
 var import_react31 = require("react");
-var import_typed_classname35 = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname35 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var WarningBanner = (0, import_react31.forwardRef)(
   (_a, ref) => {