@dmsi/wedgekit-react 0.0.552 → 0.0.554

package/dist/components/DateRangeInput.css

@@ -117,6 +117,7 @@
     --shadow-4: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
     --shadow-16: 0px 0px 16px 0px rgba(0, 0, 0, 0.12), 0px 16px 16px 0px rgba(0, 0, 0, 0.12);
     --shadow-nav-tab: 0px -4px 4px -4px rgba(0, 0, 0, 0.32) inset;
+    --shadow-access-card: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 1px 4px 0 rgba(0, 0, 0, 0.15);
     --color-decoration-underline: transparent;
     --text-display-1-desktop: 32px;
     --text-display-1-mobile: 32px;
@@ -621,6 +622,12 @@
       max-width: 1536px;
     }
   }
+  .-m-0\.75 {
+    margin: calc(var(--spacing) * -0.75);
+  }
+  .-m-\[3px\] {
+    margin: calc(3px * -1);
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -669,6 +676,9 @@
   .mr-auto {
     margin-right: auto;
   }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
@@ -678,6 +688,9 @@
   .mb-mobile-container-padding {
     margin-bottom: var(--spacing-mobile-container-padding);
   }
+  .mb-mobile-layout-group-gap {
+    margin-bottom: var(--spacing-mobile-layout-group-gap);
+  }
   .-ml-px {
     margin-left: -1px;
   }
@@ -1958,6 +1971,9 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-\[4px\] {
+    padding: 4px;
+  }
   .p-\[calc\(var\(--spacing-desktop-component-padding\)_-_1px\)\] {
     padding: calc(var(--spacing-desktop-component-padding) - 1px);
   }
@@ -2069,6 +2085,9 @@
   .pt-mobile-layout-padding {
     padding-top: var(--spacing-mobile-layout-padding);
   }
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
   .pr-mobile-component-padding {
     padding-right: var(--spacing-mobile-component-padding);
   }
@@ -2313,6 +2332,9 @@
   .text-inherit {
     color: inherit;
   }
+  .text-neutral-000 {
+    color: var(--color-neutral-000);
+  }
   .text-neutral-100 {
     color: var(--color-neutral-100);
   }
@@ -2424,6 +2446,9 @@
   .opacity-70 {
     opacity: 70%;
   }
+  .opacity-75 {
+    opacity: 75%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2463,6 +2488,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-access-card {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25)), 0 1px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .shadow-nav-tab {
     --tw-shadow: 0px -4px 4px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.32)) inset;
     box-shadow:
@@ -3894,6 +3928,11 @@
       margin-top: var(--spacing-desktop-compact-component-gap);
     }
   }
+  .compact\:mb-desktop-compact-layout-group-gap {
+    &:where([data-compact]) {
+      margin-bottom: var(--spacing-desktop-compact-layout-group-gap);
+    }
+  }
   .compact\:grid-cols-1 {
     &:where([data-compact]) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -4220,6 +4259,11 @@
       margin-bottom: var(--spacing-desktop-container-padding);
     }
   }
+  .desktop\:mb-desktop-layout-group-gap {
+    @container root (width >= 48rem) {
+      margin-bottom: var(--spacing-desktop-layout-group-gap);
+    }
+  }
   .desktop\:block {
     @container root (width >= 48rem) {
       display: block;

package/dist/components/DateRangeInput.js

@@ -1,52 +1,51 @@
 import {
   CalendarRange
-} from "../chunk-WNGFRQ4Y.js";
+} from "../chunk-TXPN24PW.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-ZIPJMN2E.js";
-import "../chunk-FJFZBIRG.js";
-import "../chunk-SBGGDIE3.js";
+import "../chunk-GYQA4UIK.js";
+import "../chunk-7ZCXZDJD.js";
+import "../chunk-FIVKYEC3.js";
+import "../chunk-YCDDBSVU.js";
+import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
-import "../chunk-YCDDBSVU.js";
-import "../chunk-3X3Y4TMS.js";
-import "../chunk-4DXOA7NZ.js";
-import "../chunk-5BRIDIUA.js";
+import "../chunk-RZ5EIDX4.js";
+import "../chunk-AGHBLWDZ.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-M4FM3B3R.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
-import "../chunk-KJ5OQPPV.js";
+import "../chunk-I5BV7UPG.js";
+import "../chunk-63WMDTVQ.js";
 import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-MDB26F6T.js";
-import "../chunk-I5BV7UPG.js";
-import "../chunk-JADOJNBI.js";
+import "../chunk-ZDXJXDZT.js";
 import "../chunk-4RJKB7LC.js";
+import "../chunk-KV7LAH3T.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-CMMQTIVM.js";
+import "../chunk-EJOPJIRO.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-AKJUBFJK.js";
-import "../chunk-Z2QAJY5I.js";
-import "../chunk-BWPNXY7T.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-Y3EFHKAG.js";
+import "../chunk-UAMI54FE.js";
+import "../chunk-75USUR3I.js";
+import "../chunk-BWPNXY7T.js";
+import "../chunk-DWICBU2V.js";
 import "../chunk-HGLOO52X.js";
 import "../chunk-MPYAHORM.js";
-import "../chunk-EZ4KZYKG.js";
+import "../chunk-YWQEMS2C.js";
 import "../chunk-BKBJOF4J.js";
 import {
   InputBase
 } from "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-75USUR3I.js";
-import "../chunk-PS6UJZVH.js";
 import "../chunk-M7WHWZ2J.js";
-import "../chunk-MHXYGKWA.js";
+import "../chunk-Q3G6Z5DM.js";
 import "../chunk-YD2JJ2VL.js";
 import {
   findDocumentRoot
@@ -60,17 +59,22 @@ import {
   parseInputDate
 } from "../chunk-DQRQZE6O.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-XJF4S3RB.js";
+import "../chunk-ZCJWOHFN.js";
+import "../chunk-PS6UJZVH.js";
+import "../chunk-XR733AKC.js";
 import "../chunk-BYC6QID5.js";
-import "../chunk-QYKOR7LE.js";
+import "../chunk-CQLRGYHM.js";
 import "../chunk-KBJZUVLM.js";
-import "../chunk-7SFFUICM.js";
+import "../chunk-YLC7OHW2.js";
 import "../chunk-MXSJF6TW.js";
+import "../chunk-HVYK7COK.js";
+import "../chunk-SBRRNFOP.js";
+import "../chunk-MTGNBARV.js";
 import "../chunk-WMPWWFUJ.js";
-import "../chunk-AX4M7X4Z.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import {
   __objRest,

package/dist/components/FilterGroup.cjs

@@ -471,7 +471,39 @@ var import_clsx7 = __toESM(require("clsx"), 1);
 
 // src/components/Button.tsx
 var import_clsx6 = __toESM(require("clsx"), 1);
+
+// src/components/Spinner.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var Spinner = ({ size = "small", testid }) => {
+  const dimension = size === "large" ? 48 : 24;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      "data-testid": testid,
+      width: dimension,
+      height: dimension,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "#1D1E1E",
+      className: "spinner",
+      "aria-label": "Loading",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
+      ]
+    }
+  );
+};
+Spinner.displayName = "Spinner";
+
+// src/components/Button.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Button = (_a) => {
   var _b = _a, {
     variant = "primary",
@@ -487,7 +519,8 @@ var Button = (_a) => {
     colorClassName,
     href,
     id,
-    testid
+    testid,
+    isLoading
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -502,7 +535,8 @@ var Button = (_a) => {
     "colorClassName",
     "href",
     "id",
-    "testid"
+    "testid",
+    "isLoading"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx6.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -586,7 +620,7 @@ var Button = (_a) => {
     typography.buttonLabel
   );
   const Element = href && !as ? "a" : as;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     Element,
     __spreadProps(__spreadValues({
       id,
@@ -600,7 +634,8 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, { size: "small" }),
+        !iconOnly && !isLoading && children && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -609,7 +644,7 @@ var Button = (_a) => {
 Button.displayName = "Button";
 
 // src/components/OptionPill.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var OptionPill = (_a) => {
   var _b = _a, {
     id,
@@ -660,7 +695,7 @@ var OptionPill = (_a) => {
     disabled && !selected && "text-text-primary-disabled",
     disabled && selected && "text-text-on-action-primary-disabled"
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     __spreadProps(__spreadValues(__spreadValues({
       id,
@@ -678,7 +713,7 @@ var OptionPill = (_a) => {
         textColor
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           Label,
           {
             id: id ? `${id}-label` : void 0,
@@ -688,7 +723,7 @@ var OptionPill = (_a) => {
             children
           }
         ),
-        removable && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        removable && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           Button,
           {
             id: id ? `${id}-remove-button` : void 0,
@@ -701,7 +736,7 @@ var OptionPill = (_a) => {
             ),
             iconOnly: true,
             variant: "tertiary",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "close", size: 16 })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "close", size: 16 })
           }
         )
       ]
@@ -727,7 +762,7 @@ var import_clsx10 = __toESM(require("clsx"), 1);
 
 // src/components/Link.tsx
 var import_clsx8 = __toESM(require("clsx"), 1);
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Link = (_a) => {
   var _b = _a, {
     as = "a",
@@ -772,7 +807,7 @@ var Link = (_a) => {
   const disabledStyles = disabled && (0, import_clsx8.default)("pointer-events-none cursor-default");
   const underlineStyles = underline ? "decoration-current" : "decoration-decoration-underline";
   const paddingY = paddedY && componentPaddingY;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Component,
     __spreadProps(__spreadValues({
       className: (0, import_clsx8.default)(
@@ -851,7 +886,7 @@ function formatCurrencyDisplay(value) {
 }
 
 // src/components/Input.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var InputBase = (_a) => {
   var _b = _a, {
     id,
@@ -946,7 +981,7 @@ var InputBase = (_a) => {
   const inputInvalidClass = (0, import_clsx9.default)(
     "has-[[data-error]]:border-transparent has-[[data-error]]:not-focus-within:outline-border-primary-error has-[[data-error]]:not-focus-within:outline-1"
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "label",
     {
       id,
@@ -961,8 +996,8 @@ var InputBase = (_a) => {
       ),
       style: __spreadValues({}, props.style),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_clsx9.default)("flex items-center", componentGap), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: (0, import_clsx9.default)("flex items-center", componentGap), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             Label,
             {
               id: id ? `${id}-label` : void 0,
@@ -973,7 +1008,7 @@ var InputBase = (_a) => {
               children: label
             }
           ),
-          required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "span",
             {
               className: (0, import_clsx9.default)(typography.label, "text-text-critical-normal"),
@@ -981,7 +1016,7 @@ var InputBase = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "div",
           {
             className: (0, import_clsx9.default)(
@@ -999,7 +1034,7 @@ var InputBase = (_a) => {
             },
             children: [
               before,
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "input",
                 __spreadProps(__spreadValues(__spreadValues({
                   ref: (el) => {
@@ -1024,12 +1059,12 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
               rightAdornment
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        caption && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "div",
           {
             id: id ? `${id}-caption` : void 0,
@@ -1124,9 +1159,9 @@ var Input = (_a) => {
     if (props.before) return props.before;
     switch (variant) {
       case "search":
-        return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "search" }) }) : null;
+        return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "attach_money" }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "attach_money" }) });
       default:
         return null;
     }
@@ -1136,7 +1171,7 @@ var Input = (_a) => {
     switch (variant) {
       case "search": {
         const hasValue = displayValue.length > 0;
-        return hasValue && !props.readOnly ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        return hasValue && !props.readOnly ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           Icon,
           {
             id: id ? `${id}-clear-button` : void 0,
@@ -1148,11 +1183,11 @@ var Input = (_a) => {
         ) : null;
       }
       case "finder":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "search" });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "percent" }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "percent" }) });
       default:
         return null;
     }
@@ -1272,7 +1307,7 @@ var Input = (_a) => {
     onBlur == null ? void 0 : onBlur(e);
   };
   const inputProps = getInputProps();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
@@ -1285,15 +1320,15 @@ var Input = (_a) => {
   );
 };
 Input.displayName = "Input";
-var Finder = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "finder" }));
-var UOM = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "uom" }));
+var Finder = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "finder" }));
+var UOM = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "uom" }));
 var Currency = (props) => {
   var _a;
   const handleCurrencyChange = (e) => {
     var _a2;
     (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Input,
     __spreadProps(__spreadValues({}, props), {
       variant: "currency",
@@ -1302,14 +1337,14 @@ var Currency = (props) => {
     })
   );
 };
-var Percentage = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "percentage" }));
+var Percentage = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "percentage" }));
 Finder.displayName = "Finder";
 UOM.displayName = "UOM";
 Currency.displayName = "Currency";
 Percentage.displayName = "Percentage";
 
 // src/components/Search.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Search = (_a) => {
   var _b = _a, {
     id,
@@ -1351,8 +1386,8 @@ var Search = (_a) => {
     }
     (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
   }, [props.value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Input,
       __spreadValues({
         id,
@@ -1426,7 +1461,7 @@ var Search = (_a) => {
 Search.displayName = "Search";
 
 // src/components/FilterGroup.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var FilterGroup = (_a) => {
   var _b = _a, {
     id,
@@ -1466,7 +1501,7 @@ var FilterGroup = (_a) => {
     shouldShowAll ? childArray.length : 5
   );
   const showShowMoreLink = showMore && !isSummary && childArray.length > 5 && !showAllItems && isExpanded;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       id,
@@ -1477,7 +1512,7 @@ var FilterGroup = (_a) => {
         isSummary ? layoutPaddingBottom : componentPaddingBottom
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           "div",
           {
             className: (0, import_clsx10.default)(
@@ -1486,8 +1521,8 @@ var FilterGroup = (_a) => {
             ),
             onClick: handleToggleExpanded,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Label, { children: label }),
-              type !== "summary" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Label, { children: label }),
+              type !== "summary" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 Icon,
                 {
                   name: "keyboard_arrow_down",
@@ -1500,7 +1535,7 @@ var FilterGroup = (_a) => {
                     "text-icon-action-primary-normal"
                   )
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 Link,
                 {
                   id: id ? `${id}-clear-all` : void 0,
@@ -1513,7 +1548,7 @@ var FilterGroup = (_a) => {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             className: (0, import_clsx10.default)(
@@ -1524,7 +1559,7 @@ var FilterGroup = (_a) => {
               ),
               isExpanded || isSummary ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
               "div",
               {
                 className: (0, import_clsx10.default)(
@@ -1533,7 +1568,7 @@ var FilterGroup = (_a) => {
                   (isExpanded || isSummary || internalExpanded) && "mt-mobile-component-gap desktop:mt-desktop-component-gap compact:mt-desktop-compact-component-gap"
                 ),
                 children: [
-                  !isSummary && showSearchField && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  !isSummary && showSearchField && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     Search,
                     {
                       id: id ? `${id}-search` : void 0,
@@ -1543,8 +1578,8 @@ var FilterGroup = (_a) => {
                       value: searchValue
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_clsx10.default)(isSummary && `flex flex-col ${componentGap}`), children: visibleChildren }),
-                  showShowMoreLink && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_clsx10.default)(isSummary && `flex flex-col ${componentGap}`), children: visibleChildren }),
+                  showShowMoreLink && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     Link,
                     {
                       id: id ? `${id}-show-more` : void 0,
@@ -1591,7 +1626,7 @@ var FilterGroupItem = (_a) => {
     "children",
     "onClick"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     __spreadProps(__spreadValues({
       id,
@@ -1602,16 +1637,16 @@ var FilterGroupItem = (_a) => {
         "flex items-center justify-between *:first:flex-1 cursor-pointer",
         type !== "summary" ? "*:first:py-mobile-component-padding *:first:desktop:py-desktop-component-padding *:first:compact:py-desktop-compact-component-padding" : ""
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         FilterGroupItemChildComponent,
         __spreadProps(__spreadValues({}, props), {
           id: id ? `${id}-child` : void 0,
           "data-testid": testid ? `${testid}-child` : void 0,
           type,
           count: props.count,
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center justify-between w-full", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center justify-between w-full", children: [
             children,
-            type !== "summary" && props.count && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+            type !== "summary" && props.count && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
               "(",
               props.count,
               ")"
@@ -1635,7 +1670,7 @@ var FilterGroupItemChildComponent = (_a) => {
     "children"
   ]);
   if (type === "checkbox") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Checkbox,
       __spreadValues({
         paragraphClassName: "w-full",
@@ -1644,9 +1679,9 @@ var FilterGroupItemChildComponent = (_a) => {
     );
   }
   if (type === "summary") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(OptionPill, __spreadProps(__spreadValues({ removable: true }, props), { children })) });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(OptionPill, __spreadProps(__spreadValues({ removable: true }, props), { children })) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Link, __spreadProps(__spreadValues({ variant: "secondary" }, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Link, __spreadProps(__spreadValues({ variant: "secondary" }, props), { children }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/FilterGroup.js

@@ -1,7 +1,10 @@
 "use client";
 import {
   OptionPill
-} from "../chunk-FWCVZWE6.js";
+} from "../chunk-7ZL4GBAD.js";
+import {
+  Link
+} from "../chunk-MO52RSXV.js";
 import {
   Search
 } from "../chunk-BKBJOF4J.js";
@@ -13,14 +16,12 @@ import {
   Checkbox
 } from "../chunk-M7WHWZ2J.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-HVYK7COK.js";
+import "../chunk-SBRRNFOP.js";
 import "../chunk-WMPWWFUJ.js";
-import {
-  Link
-} from "../chunk-MO52RSXV.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-45AHDOAU.js";
 import {
   baseTransition,
   componentGap,