@dmsi/wedgekit-react 0.0.500 → 0.0.502

package/dist/components/DateInput.js

@@ -1,70 +1,70 @@
 import {
   DateInput
-} from "../chunk-TWDH7ZDS.js";
+} from "../chunk-QV3NANQC.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-YD3HWIUJ.js";
-import "../chunk-3DEYCNUE.js";
-import "../chunk-XHQOTLG6.js";
+import "../chunk-D4TFZ2WM.js";
+import "../chunk-3UUCDNX3.js";
+import "../chunk-FJRYHJUV.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
-import "../chunk-4LBQSSGH.js";
-import "../chunk-YEZBNQZI.js";
-import "../chunk-B53XDCLO.js";
+import "../chunk-B2O4TEOI.js";
+import "../chunk-VOSQMHNF.js";
+import "../chunk-VS53C5ZD.js";
 import "../chunk-S5ZJ3Q7P.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
-import "../chunk-QMSPTD6L.js";
-import "../chunk-XIXQUEYC.js";
+import "../chunk-PRN2EQBX.js";
+import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
-import "../chunk-KW6V7O3H.js";
-import "../chunk-JUFBGNWW.js";
-import "../chunk-7GHD74J3.js";
+import "../chunk-UI7P5J5S.js";
+import "../chunk-5DQVYX6H.js";
+import "../chunk-MDB26F6T.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
-import "../chunk-7BVUTFZ5.js";
+import "../chunk-2TNHD4MQ.js";
+import "../chunk-OWHPPZZA.js";
 import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
-import "../chunk-GRGDX7JC.js";
-import "../chunk-PIBHG6DH.js";
-import "../chunk-TOKS63IK.js";
+import "../chunk-LB7UT6F3.js";
+import "../chunk-LJLHGLTS.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-FG7GNGE3.js";
-import "../chunk-X4UK7HE2.js";
+import "../chunk-25RZP3VR.js";
+import "../chunk-WVVEOCEH.js";
+import "../chunk-TAPYQBQU.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-ZQJMNPCF.js";
-import "../chunk-6TYWM26K.js";
 import "../chunk-SBRRNFOP.js";
-import "../chunk-Y2GK27RX.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-HIKWIY5Q.js";
+import "../chunk-SUSUNSVZ.js";
+import "../chunk-75USUR3I.js";
+import "../chunk-Y2GK27RX.js";
+import "../chunk-F6RZ7MUE.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
-import "../chunk-5R4C5F63.js";
-import "../chunk-5MLYAQQO.js";
-import "../chunk-G4AWTFBQ.js";
-import "../chunk-AL5QIRY3.js";
+import "../chunk-LKKFQLWD.js";
+import "../chunk-HK4S6TRH.js";
+import "../chunk-KPBG7D3V.js";
+import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-75USUR3I.js";
-import "../chunk-BTKWHCUE.js";
-import "../chunk-WEAVZEE4.js";
-import "../chunk-OZBB6RFM.js";
+import "../chunk-PS6UJZVH.js";
+import "../chunk-M7WHWZ2J.js";
+import "../chunk-TMHOK37S.js";
 import "../chunk-URYQ24NF.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-UCJUC5AZ.js";
-import "../chunk-IY7SXEVY.js";
+import "../chunk-BYC6QID5.js";
+import "../chunk-MUOYLXBF.js";
 import "../chunk-KBJZUVLM.js";
-import "../chunk-4UH72JT2.js";
-import "../chunk-H2KC5XUY.js";
-import "../chunk-ZSETMD4A.js";
-import "../chunk-DORD2EBO.js";
+import "../chunk-BWBSDSA7.js";
+import "../chunk-MXSJF6TW.js";
+import "../chunk-45AHDOAU.js";
+import "../chunk-WMPWWFUJ.js";
+import "../chunk-TPXH53SA.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-LPY6PMAY.js";
-import "../chunk-IXR65MOU.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   DateInput

package/dist/components/DateRangeInput.cjs

@@ -187,6 +187,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );
@@ -1277,6 +1280,7 @@ var MenuOption = ({
   const actualRef = ref || internalRef;
   const menuId = (0, import_react7.useRef)(`menu-${uniqueId}`);
   const isMobile = useMatchesMobile();
+  const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react7.useState)(false);
   const handleMouseEnter = () => {
     if (subMenu && onSubMenuHover && !disabled) {
       onSubMenuHover(menuId.current, subMenuLevel);
@@ -1286,6 +1290,7 @@ var MenuOption = ({
     if (subMenu && onSubMenuLeave && !disabled) {
       onSubMenuLeave(subMenuLevel);
     }
+    setIsSubMenuHovered(false);
   };
   const handleMouseMove = () => {
     if (subMenu && onMouseMove && !disabled) {
@@ -1296,9 +1301,11 @@ var MenuOption = ({
     if (onSubMenuEnter) {
       onSubMenuEnter();
     }
+    setIsSubMenuHovered(true);
   };
   const additionalAttributes = {
-    "data-selected": selected || null
+    "data-selected": selected || null,
+    "data-submenu-hovered": isSubMenuHovered || null
   };
   const svgStyles = (0, import_clsx7.default)(
     "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -1307,16 +1314,18 @@ var MenuOption = ({
   const normalStyles = variant === "normal" && !disabled && (0, import_clsx7.default)(
     "bg-transparent text-text-primary-normal",
     "hover:bg-background-action-secondary-hover",
-    "focus:bg-background-action-secondary-hover",
+    "focus-visible:bg-background-action-secondary-hover",
     "data-selected:bg-background-action-secondary-hover",
+    "data-submenu-hovered:bg-background-action-secondary-hover",
     "active:bg-background-action-secondary-active"
   );
   const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx7.default)("text-text-primary-disabled");
   const actionStyles = variant === "action" && !disabled && (0, import_clsx7.default)(
     "text-action-400 bg-transparent",
     "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
-    "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
+    "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
     "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
+    "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
     "active:bg-background-action-secondary-active active:text-text-action-active"
   );
   const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx7.default)("text-text-action-disabled");
@@ -1368,7 +1377,10 @@ var MenuOption = ({
       "div",
       {
         onMouseEnter: handleSubMenuEnter,
-        onMouseLeave: handleMouseLeave,
+        onMouseLeave: () => {
+          handleMouseLeave();
+          setIsSubMenuHovered(false);
+        },
         "data-submenu-parent": menuId.current,
         "data-menu-level": subMenuLevel + 1,
         children: subMenu({
@@ -1378,7 +1390,8 @@ var MenuOption = ({
           position: "right",
           subMenuLevel,
           mobileBackMenuOption,
-          mobileHide: isMobile && activeMenu !== menuId.current
+          mobileHide: isMobile && activeMenu !== menuId.current,
+          autoFocusOff: true
         })
       }
     )

package/dist/components/DateRangeInput.css

@@ -2102,6 +2102,9 @@
   .font-sans {
     font-family: var(--font-sans);
   }
+  .\!text-caption-desktop {
+    font-size: var(--text-caption-desktop) !important;
+  }
   .text-\[0\.6rem\] {
     font-size: 0.6rem;
   }
@@ -3293,11 +3296,6 @@
       color: var(--color-text-action-critical-hover);
     }
   }
-  .focus\:text-text-action-hover {
-    &:focus {
-      color: var(--color-text-action-hover);
-    }
-  }
   .focus\:text-text-action-primary-hover {
     &:focus {
       color: var(--color-text-action-primary-hover);
@@ -3341,6 +3339,16 @@
       outline-style: none;
     }
   }
+  .focus-visible\:bg-background-action-secondary-hover {
+    &:focus-visible {
+      background-color: var(--color-background-action-secondary-hover);
+    }
+  }
+  .focus-visible\:text-text-action-hover {
+    &:focus-visible {
+      color: var(--color-text-action-hover);
+    }
+  }
   .focus-visible\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3793,6 +3801,21 @@
       }
     }
   }
+  .data-submenu-hovered\:bg-background-action-secondary-active {
+    &[data-submenu-hovered] {
+      background-color: var(--color-background-action-secondary-active);
+    }
+  }
+  .data-submenu-hovered\:bg-background-action-secondary-hover {
+    &[data-submenu-hovered] {
+      background-color: var(--color-background-action-secondary-hover);
+    }
+  }
+  .data-submenu-hovered\:text-text-action-active {
+    &[data-submenu-hovered] {
+      color: var(--color-text-action-active);
+    }
+  }
   .data-\[focus\]\:outline-1 {
     &[data-focus] {
       outline-style: var(--tw-outline-style);

package/dist/components/DateRangeInput.js

@@ -1,58 +1,58 @@
 import {
   CalendarRange
-} from "../chunk-TWDH7ZDS.js";
+} from "../chunk-QV3NANQC.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-YD3HWIUJ.js";
-import "../chunk-3DEYCNUE.js";
-import "../chunk-XHQOTLG6.js";
+import "../chunk-D4TFZ2WM.js";
+import "../chunk-3UUCDNX3.js";
+import "../chunk-FJRYHJUV.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
-import "../chunk-4LBQSSGH.js";
-import "../chunk-YEZBNQZI.js";
-import "../chunk-B53XDCLO.js";
+import "../chunk-B2O4TEOI.js";
+import "../chunk-VOSQMHNF.js";
+import "../chunk-VS53C5ZD.js";
 import "../chunk-S5ZJ3Q7P.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
-import "../chunk-QMSPTD6L.js";
-import "../chunk-XIXQUEYC.js";
+import "../chunk-PRN2EQBX.js";
+import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
-import "../chunk-KW6V7O3H.js";
-import "../chunk-JUFBGNWW.js";
-import "../chunk-7GHD74J3.js";
+import "../chunk-UI7P5J5S.js";
+import "../chunk-5DQVYX6H.js";
+import "../chunk-MDB26F6T.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
-import "../chunk-7BVUTFZ5.js";
+import "../chunk-2TNHD4MQ.js";
+import "../chunk-OWHPPZZA.js";
 import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
-import "../chunk-GRGDX7JC.js";
-import "../chunk-PIBHG6DH.js";
-import "../chunk-TOKS63IK.js";
+import "../chunk-LB7UT6F3.js";
+import "../chunk-LJLHGLTS.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-FG7GNGE3.js";
-import "../chunk-X4UK7HE2.js";
+import "../chunk-25RZP3VR.js";
+import "../chunk-WVVEOCEH.js";
+import "../chunk-TAPYQBQU.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-ZQJMNPCF.js";
-import "../chunk-6TYWM26K.js";
 import "../chunk-SBRRNFOP.js";
-import "../chunk-Y2GK27RX.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-HIKWIY5Q.js";
+import "../chunk-SUSUNSVZ.js";
+import "../chunk-75USUR3I.js";
+import "../chunk-Y2GK27RX.js";
+import "../chunk-F6RZ7MUE.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
-import "../chunk-5R4C5F63.js";
-import "../chunk-5MLYAQQO.js";
+import "../chunk-LKKFQLWD.js";
+import "../chunk-HK4S6TRH.js";
 import {
   InputBase
-} from "../chunk-G4AWTFBQ.js";
-import "../chunk-AL5QIRY3.js";
+} from "../chunk-KPBG7D3V.js";
+import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-75USUR3I.js";
-import "../chunk-BTKWHCUE.js";
-import "../chunk-WEAVZEE4.js";
-import "../chunk-OZBB6RFM.js";
+import "../chunk-PS6UJZVH.js";
+import "../chunk-M7WHWZ2J.js";
+import "../chunk-TMHOK37S.js";
 import "../chunk-URYQ24NF.js";
 import {
   findDocumentRoot
@@ -66,18 +66,18 @@ import {
   parseInputDate
 } from "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-UCJUC5AZ.js";
-import "../chunk-IY7SXEVY.js";
+import "../chunk-BYC6QID5.js";
+import "../chunk-MUOYLXBF.js";
 import "../chunk-KBJZUVLM.js";
-import "../chunk-4UH72JT2.js";
-import "../chunk-H2KC5XUY.js";
-import "../chunk-ZSETMD4A.js";
-import "../chunk-DORD2EBO.js";
+import "../chunk-BWBSDSA7.js";
+import "../chunk-MXSJF6TW.js";
+import "../chunk-45AHDOAU.js";
+import "../chunk-WMPWWFUJ.js";
+import "../chunk-TPXH53SA.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-LPY6PMAY.js";
-import "../chunk-IXR65MOU.js";
+import "../chunk-7KWFEH56.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/Display.cjs

@@ -184,6 +184,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/Display.js

@@ -2,8 +2,8 @@ import {
   Display,
   Display1,
   Display2
-} from "../chunk-KHIJYWZ7.js";
-import "../chunk-IXR65MOU.js";
+} from "../chunk-KIAF4N7M.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Display,

package/dist/components/FilterGroup.cjs

@@ -187,6 +187,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/FilterGroup.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   OptionPill
-} from "../chunk-2F3R3WXW.js";
+} from "../chunk-GYEXSNFP.js";
+import {
+  Link
+} from "../chunk-MO52RSXV.js";
 import {
   Search
-} from "../chunk-5MLYAQQO.js";
-import "../chunk-G4AWTFBQ.js";
+} from "../chunk-HK4S6TRH.js";
+import "../chunk-KPBG7D3V.js";
 import {
   Label
-} from "../chunk-AL5QIRY3.js";
+} from "../chunk-HXGJVYGQ.js";
 import {
   Checkbox
-} from "../chunk-WEAVZEE4.js";
+} from "../chunk-M7WHWZ2J.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-ZSETMD4A.js";
-import {
-  Link
-} from "../chunk-Z6HIIJK3.js";
+import "../chunk-45AHDOAU.js";
+import "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-LPY6PMAY.js";
 import {
   baseTransition,
   componentGap,
@@ -28,7 +28,7 @@ import {
   componentPaddingY,
   layoutGroupGap,
   layoutPaddingBottom
-} from "../chunk-IXR65MOU.js";
+} from "../chunk-7KWFEH56.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/Heading.cjs

@@ -185,6 +185,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/Heading.js

@@ -3,8 +3,8 @@ import {
   Heading1,
   Heading2,
   Heading3
-} from "../chunk-H2KC5XUY.js";
-import "../chunk-IXR65MOU.js";
+} from "../chunk-MXSJF6TW.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Heading,

package/dist/components/HorizontalDivider.cjs

@@ -3,8 +3,34 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -35,9 +61,20 @@ __export(HorizontalDivider_exports, {
 module.exports = __toCommonJS(HorizontalDivider_exports);
 var import_clsx = __toESM(require("clsx"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-function HorizontalDivider({ id, testid, hideOnMobile }) {
-  const hideOnMobileStyle = (0, import_clsx.default)(hideOnMobile && "hidden desktop:block");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { id, "data-testid": testid, className: (0, import_clsx.default)("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
+function HorizontalDivider(_a) {
+  var _b = _a, { id, testid, hideOnMobile, className } = _b, rest = __objRest(_b, ["id", "testid", "hideOnMobile", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "hr",
+    __spreadValues({
+      id,
+      "data-testid": testid,
+      className: (0, import_clsx.default)(
+        "w-full border-t border-border-primary-normal",
+        hideOnMobile && "hidden desktop:block",
+        className
+      )
+    }, rest)
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/HorizontalDivider.js

@@ -1,11 +1,25 @@
-import "../chunk-ORMEWXMH.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-ORMEWXMH.js";
 
 // src/components/HorizontalDivider.tsx
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-function HorizontalDivider({ id, testid, hideOnMobile }) {
-  const hideOnMobileStyle = clsx(hideOnMobile && "hidden desktop:block");
-  return /* @__PURE__ */ jsx("hr", { id, "data-testid": testid, className: clsx("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
+function HorizontalDivider(_a) {
+  var _b = _a, { id, testid, hideOnMobile, className } = _b, rest = __objRest(_b, ["id", "testid", "hideOnMobile", "className"]);
+  return /* @__PURE__ */ jsx(
+    "hr",
+    __spreadValues({
+      id,
+      "data-testid": testid,
+      className: clsx(
+        "w-full border-t border-border-primary-normal",
+        hideOnMobile && "hidden desktop:block",
+        className
+      )
+    }, rest)
+  );
 }
 export {
   HorizontalDivider

package/dist/components/Input.cjs

@@ -189,6 +189,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/Input.js

@@ -6,12 +6,12 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-G4AWTFBQ.js";
-import "../chunk-AL5QIRY3.js";
+} from "../chunk-KPBG7D3V.js";
+import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-ZSETMD4A.js";
+import "../chunk-WMPWWFUJ.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-IXR65MOU.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Currency,

package/dist/components/InputGroup.cjs

@@ -185,6 +185,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/InputGroup.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Label
-} from "../chunk-AL5QIRY3.js";
+} from "../chunk-HXGJVYGQ.js";
 import {
   componentGap,
   layoutGap
-} from "../chunk-IXR65MOU.js";
+} from "../chunk-7KWFEH56.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/Label.cjs

@@ -182,6 +182,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/Label.js

@@ -1,7 +1,7 @@
 import {
   Label
-} from "../chunk-AL5QIRY3.js";
-import "../chunk-IXR65MOU.js";
+} from "../chunk-HXGJVYGQ.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Label

package/dist/components/Link.cjs

@@ -182,6 +182,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
 var layoutPaddingY = (0, import_clsx.default)(
   "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
 );
+var layoutPaddingX = (0, import_clsx.default)(
+  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
+);
 var containerPaddingX = (0, import_clsx.default)(
   "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
 );

package/dist/components/Link.js

@@ -1,7 +1,7 @@
 import {
   Link
-} from "../chunk-Z6HIIJK3.js";
-import "../chunk-IXR65MOU.js";
+} from "../chunk-MO52RSXV.js";
+import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Link