@dmsi/wedgekit-react 0.0.553 → 0.0.555

package/dist/{chunk-7COWXCPA.js → chunk-45SH6WHE.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
 } from "./chunk-MDB26F6T.js";
+import {
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 
 // src/components/PDFViewer/DownloadIcon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-KJ5OQPPV.js → chunk-63WMDTVQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-BYC6QID5.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
 
 // src/components/SimpleTable.tsx
 import clsx from "clsx";

package/dist/{chunk-FJFZBIRG.js → chunk-7ZCXZDJD.js}

@@ -4,12 +4,12 @@ import {
 import {
   MobileDataGridColumn
 } from "./chunk-M4FM3B3R.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";
-import {
-  Stack
-} from "./chunk-AX4M7X4Z.js";
 
 // src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-FWCVZWE6.js → chunk-7ZL4GBAD.js}

@@ -1,12 +1,12 @@
 import {
   Label
 } from "./chunk-HXGJVYGQ.js";
+import {
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   baseTransition,
   componentGap,

package/dist/{chunk-5BRIDIUA.js → chunk-AGHBLWDZ.js}

@@ -10,12 +10,12 @@ import {
 import {
   Subheader
 } from "./chunk-BYC6QID5.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";
-import {
-  Stack
-} from "./chunk-AX4M7X4Z.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-QYKOR7LE.js → chunk-CQLRGYHM.js}

@@ -1,12 +1,12 @@
 import {
   Card
 } from "./chunk-KBJZUVLM.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";
-import {
-  Stack
-} from "./chunk-AX4M7X4Z.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-XRE52QTN.js → chunk-D5V3PUQQ.js}

@@ -2,17 +2,17 @@ import {
   Heading3
 } from "./chunk-MXSJF6TW.js";
 import {
-  Paragraph
-} from "./chunk-WMPWWFUJ.js";
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 
 // src/components/PDFViewer/PDFNavigation.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-Y3EFHKAG.js → chunk-DWICBU2V.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-MPYAHORM.js";
 import {
   MenuOption
-} from "./chunk-EZ4KZYKG.js";
+} from "./chunk-YWQEMS2C.js";
 import {
   Search
 } from "./chunk-BKBJOF4J.js";

package/dist/{chunk-CMMQTIVM.js → chunk-EJOPJIRO.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
+import {
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-K4SIZGMK.js → chunk-EQ2RAI53.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-SBRRNFOP.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
 
 // src/components/PDFViewer/PDFElement.tsx
 import { usePdf } from "@mikecousins/react-pdf";

package/dist/{chunk-SBGGDIE3.js → chunk-FIVKYEC3.js}

@@ -1,3 +1,9 @@
+import {
+  ProductPrimaryImage
+} from "./chunk-YCDDBSVU.js";
+import {
+  Thumbnail
+} from "./chunk-3X3Y4TMS.js";
 import {
   ZoomWindow
 } from "./chunk-BQNPOGD5.js";
@@ -7,12 +13,6 @@ import {
 import {
   MobileImageCarousel
 } from "./chunk-2IKT6IHB.js";
-import {
-  ProductPrimaryImage
-} from "./chunk-YCDDBSVU.js";
-import {
-  Thumbnail
-} from "./chunk-3X3Y4TMS.js";
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-YD2JJ2VL.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";

package/dist/{chunk-QMMPHXVE.js → chunk-GVIXW2QS.js}

@@ -1,9 +1,9 @@
+import {
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-ZIPJMN2E.js → chunk-GYQA4UIK.js}

@@ -1,24 +1,24 @@
 import {
   ModalContent
-} from "./chunk-FJFZBIRG.js";
+} from "./chunk-7ZCXZDJD.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-JADOJNBI.js";
+} from "./chunk-ZDXJXDZT.js";
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
+import {
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 
 // src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-45AHDOAU.js → chunk-HVYK7COK.js}

@@ -1,3 +1,6 @@
+import {
+  Spinner
+} from "./chunk-SBRRNFOP.js";
 import {
   baseTransition,
   componentGap,
@@ -30,7 +33,8 @@ var Button = (_a) => {
     colorClassName,
     href,
     id,
-    testid
+    testid,
+    isLoading
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -45,7 +49,8 @@ var Button = (_a) => {
     "colorClassName",
     "href",
     "id",
-    "testid"
+    "testid",
+    "isLoading"
   ]);
   const primaryVariantStyles = variant === "primary" && clsx(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -143,7 +148,8 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ jsx("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
+        isLoading && /* @__PURE__ */ jsx(Spinner, { size: "small" }),
+        !iconOnly && !isLoading && children && /* @__PURE__ */ jsx("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })

package/dist/{chunk-AKJUBFJK.js → chunk-KV7LAH3T.js}

@@ -1,9 +1,9 @@
+import {
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-AX4M7X4Z.js → chunk-MTGNBARV.js}

@@ -82,7 +82,8 @@ var Stack = (_a) => {
     bottom,
     zIndex,
     flexWrap,
-    className
+    className,
+    unclipEdges
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -131,7 +132,8 @@ var Stack = (_a) => {
     "bottom",
     "zIndex",
     "flexWrap",
-    "className"
+    "className",
+    "unclipEdges"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -223,6 +225,7 @@ var Stack = (_a) => {
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
         rounded && "rounded",
+        unclipEdges && "-m-0.75 p-1",
         className
       ),
       children

package/dist/{chunk-MHXYGKWA.js → chunk-Q3G6Z5DM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YD2JJ2VL.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
 
 // src/components/CompactImagesPreview.tsx
 import { useCallback } from "react";

package/dist/{chunk-4DXOA7NZ.js → chunk-RZ5EIDX4.js}

@@ -1,6 +1,6 @@
 import {
   MobileDataGridCard
-} from "./chunk-5BRIDIUA.js";
+} from "./chunk-AGHBLWDZ.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";

package/dist/{chunk-PJL5XESN.js → chunk-TL4M56HJ.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-45AHDOAU.js";
+} from "./chunk-HVYK7COK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-Z2QAJY5I.js → chunk-UAMI54FE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HXGJVYGQ.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-WNGFRQ4Y.js → chunk-WTT5VQPG.js}

@@ -1,36 +1,36 @@
+import {
+  RowDetailModalProvider
+} from "./chunk-GYQA4UIK.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";
-import {
-  RowDetailModalProvider
-} from "./chunk-ZIPJMN2E.js";
 import {
   ColumnList
-} from "./chunk-4DXOA7NZ.js";
+} from "./chunk-RZ5EIDX4.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
 import {
   Theme
 } from "./chunk-EWGHVZL5.js";
-import {
-  Tooltip
-} from "./chunk-MDB26F6T.js";
 import {
   Select
 } from "./chunk-I5BV7UPG.js";
+import {
+  Tooltip
+} from "./chunk-MDB26F6T.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-Y3EFHKAG.js";
+} from "./chunk-DWICBU2V.js";
 import {
   Menu
 } from "./chunk-HGLOO52X.js";
 import {
   MenuOption
-} from "./chunk-EZ4KZYKG.js";
+} from "./chunk-YWQEMS2C.js";
 import {
   Search
 } from "./chunk-BKBJOF4J.js";
@@ -68,17 +68,17 @@ import {
   Heading3
 } from "./chunk-MXSJF6TW.js";
 import {
-  Paragraph
-} from "./chunk-WMPWWFUJ.js";
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   componentGap,
   componentPadding,

package/dist/chunk-XJF4S3RB.js

@@ -0,0 +1,82 @@
+import {
+  Radio
+} from "./chunk-ZCJWOHFN.js";
+import {
+  Caption
+} from "./chunk-PS6UJZVH.js";
+import {
+  Subheader
+} from "./chunk-BYC6QID5.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
+
+// src/components/AccessCard.tsx
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AccessCard(props) {
+  const {
+    title,
+    description,
+    status,
+    onClick,
+    onDefaultGrantedChange,
+    defaultGranted,
+    testid,
+    error,
+    unavailable
+  } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-testid": testid,
+        className: clsx(
+          "cursor-pointer bg-background-grouped-secondary-normal",
+          "px-4 py-2 gap-2",
+          "shadow-access-card rounded",
+          "flex items-center",
+          unavailable && "opacity-50 pointer-events-none"
+        ),
+        onClick: (e) => {
+          const target = e.target;
+          const targetIsTheRadioComponent = target.closest("label");
+          if (targetIsTheRadioComponent || defaultGranted) {
+            return;
+          }
+          onClick == null ? void 0 : onClick();
+        },
+        children: [
+          status === "granted" && /* @__PURE__ */ jsx(
+            Radio,
+            {
+              testid: testid ? `${testid}-radio` : void 0,
+              checked: defaultGranted,
+              onChange: () => {
+                if (unavailable) {
+                  return;
+                }
+                onDefaultGrantedChange == null ? void 0 : onDefaultGrantedChange();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+            /* @__PURE__ */ jsx(Subheader, { children: title }),
+            description && /* @__PURE__ */ jsx(Caption, { color: "text-primary-normal", children: description })
+          ] }),
+          !defaultGranted && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: status === "granted" ? "remove" : "add"
+            }
+          )
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsx(Caption, { style: "error", children: error })
+  ] });
+}
+
+export {
+  AccessCard
+};

package/dist/chunk-XR733AKC.js

@@ -0,0 +1,82 @@
+import {
+  Subheader
+} from "./chunk-BYC6QID5.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
+
+// src/components/AccessCardGroup.tsx
+import clsx from "clsx";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AccessCardGroup(props) {
+  const {
+    title,
+    children,
+    status,
+    expanded,
+    hasDefault,
+    onClick,
+    onGrantDenyClick,
+    testid,
+    unavailable
+  } = props;
+  const [expand, setExpand] = useState(expanded);
+  return /* @__PURE__ */ jsxs("div", { "data-testid": testid, className: "mb-mobile-layout-group-gap desktop:mb-desktop-layout-group-gap compact:mb-desktop-compact-layout-group-gap", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          "flex items-center",
+          "p-2 pr-4 gap-2",
+          "rounded",
+          "bg-neutral-500 text-neutral-000",
+          "cursor-pointer",
+          expand && "mb-2",
+          unavailable && "opacity-75"
+        ),
+        onClick: () => {
+          setExpand(!expand);
+          onClick == null ? void 0 : onClick();
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "keyboard_arrow_down",
+              className: clsx(
+                expand && "rotate-180",
+                "transform transition-all duration-300 ease-in-out"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(Subheader, { children: title }) }),
+          !hasDefault && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: status === "granted" ? "remove" : "add",
+              onClick: (e) => {
+                e.stopPropagation();
+                onGrantDenyClick == null ? void 0 : onGrantDenyClick();
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          "grid transition-all duration-300 ease-in-out",
+          expand ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden -m-[3px] p-[4px]", children })
+      }
+    )
+  ] });
+}
+
+export {
+  AccessCardGroup
+};

package/dist/{chunk-7SFFUICM.js → chunk-YLC7OHW2.js}

@@ -2,17 +2,17 @@ import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
 import {
-  Paragraph
-} from "./chunk-WMPWWFUJ.js";
+  Button
+} from "./chunk-HVYK7COK.js";
 import {
   Stack
-} from "./chunk-AX4M7X4Z.js";
+} from "./chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   __objRest,
   __spreadProps,