@dmsi/wedgekit-react 0.0.290 → 0.0.292

package/dist/{chunk-6GAYJCFE.js → chunk-6DPFKSCT.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-RJUN52HJ.js";
+} from "./chunk-ZL5X7KP6.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-TO4LIFK7.js → chunk-7AULYQHT.js}

@@ -3,22 +3,34 @@ import {
 } from "./chunk-QQ5G773N.js";
 import {
   Select
-} from "./chunk-I3WFZOFY.js";
-import {
-  Checkbox
-} from "./chunk-NO5BIKWS.js";
+} from "./chunk-J5V2JRIK.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-ARQBSR3I.js";
+} from "./chunk-YCKRVNJ3.js";
 import {
   Menu
 } from "./chunk-W32JB47H.js";
 import {
   MenuOption
-} from "./chunk-OXSBIBGT.js";
+} from "./chunk-CKQNJNU3.js";
+import {
+  Search
+} from "./chunk-6DPFKSCT.js";
+import {
+  Input
+} from "./chunk-ZL5X7KP6.js";
+import {
+  Label
+} from "./chunk-7CS736EF.js";
+import {
+  Checkbox
+} from "./chunk-NO5BIKWS.js";
+import {
+  Button
+} from "./chunk-WWAPK5PH.js";
 import {
   useInfiniteScroll,
   useTableLayout
@@ -26,18 +38,9 @@ import {
 import {
   formatDate
 } from "./chunk-TYTD4FLW.js";
-import {
-  Search
-} from "./chunk-6GAYJCFE.js";
-import {
-  Input
-} from "./chunk-RJUN52HJ.js";
 import {
   formatCurrencyDisplay
 } from "./chunk-5UH6QUFB.js";
-import {
-  Label
-} from "./chunk-7CS736EF.js";
 import {
   Subheader
 } from "./chunk-FA7IFW66.js";
@@ -47,9 +50,6 @@ import {
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-WWAPK5PH.js";
 import {
   componentGap,
   componentPadding

package/dist/{chunk-I3WFZOFY.js → chunk-J5V2JRIK.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-RJUN52HJ.js";
+} from "./chunk-ZL5X7KP6.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-ZA5E7ZYM.js → chunk-NXGUDYRR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-W32JB47H.js";
 import {
   MenuOption
-} from "./chunk-OXSBIBGT.js";
+} from "./chunk-CKQNJNU3.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-RLLQRVM7.js → chunk-Q7JYDOFB.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-4RJKB7LC.js";
 import {
   ModalButtons
-} from "./chunk-XM7IQHBU.js";
+} from "./chunk-5OPI4GTJ.js";
 import {
   ModalContent
 } from "./chunk-FRHPFACM.js";
 import {
   ModalHeader
-} from "./chunk-6CPGOW6J.js";
+} from "./chunk-3C2U4FKR.js";
 import {
   ModalScrim
 } from "./chunk-ZFOANBWG.js";

package/dist/{chunk-ARQBSR3I.js → chunk-YCKRVNJ3.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-WPEDVM56.js";
 import {
   MenuOption
-} from "./chunk-OXSBIBGT.js";
-import {
-  Search
-} from "./chunk-6GAYJCFE.js";
+} from "./chunk-CKQNJNU3.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";
+import {
+  Search
+} from "./chunk-6DPFKSCT.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/components/AccessChangerTabItem.cjs

@@ -314,7 +314,7 @@ function AccessChangerTabItem(props) {
         selected ? "text-text-action-primary-normal" : "text-text-primary-normal hover:text-text-action-primary-normal"
       ),
       onClick: (e) => {
-        if (selected || loading || disabled) {
+        if (loading || disabled) {
           return;
         }
         onClick == null ? void 0 : onClick(e);

package/dist/components/AccessChangerTabItem.js

@@ -47,7 +47,7 @@ function AccessChangerTabItem(props) {
         selected ? "text-text-action-primary-normal" : "text-text-primary-normal hover:text-text-action-primary-normal"
       ),
       onClick: (e) => {
-        if (selected || loading || disabled) {
+        if (loading || disabled) {
           return;
         }
         onClick == null ? void 0 : onClick(e);

package/dist/components/CalendarRange.js

@@ -2,30 +2,30 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-ZA5E7ZYM.js";
-import "../chunk-TO4LIFK7.js";
+} from "../chunk-NXGUDYRR.js";
+import "../chunk-7AULYQHT.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-I3WFZOFY.js";
-import "../chunk-NO5BIKWS.js";
-import "../chunk-ARQBSR3I.js";
+import "../chunk-J5V2JRIK.js";
+import "../chunk-YCKRVNJ3.js";
 import "../chunk-W32JB47H.js";
 import "../chunk-WPEDVM56.js";
-import "../chunk-OXSBIBGT.js";
+import "../chunk-CKQNJNU3.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NO5BIKWS.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
-import "../chunk-6GAYJCFE.js";
-import "../chunk-RJUN52HJ.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-FA7IFW66.js";
 import "../chunk-4VER5OEU.js";
 import "../chunk-NQXZBWDZ.js";
 import "../chunk-4LXG6QNT.js";
 import "../chunk-OGIFIPKH.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ContentTabs.cjs

@@ -422,16 +422,18 @@ ContentTab.displayName = "ContentTab";
 // src/components/ContentTabs.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var afterClasses = "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
-var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }) => {
+var ContentTabs = ({
+  tabs,
+  onTabChange,
+  fullWidthTabs,
+  id,
+  testid,
+  selectedTab
+}) => {
   var _a, _b;
   const [selectedTabId, setSelectedTabId] = (0, import_react2.useState)(((_a = tabs[0]) == null ? void 0 : _a.id) || "");
   const [focusedTabIndex, setFocusedTabIndex] = (0, import_react2.useState)(0);
   const tabRefs = (0, import_react2.useRef)([]);
-  (0, import_react2.useEffect)(() => {
-    if (selectedTab) {
-      handleTabClick(selectedTab.id, selectedTab.index);
-    }
-  }, [selectedTab]);
   const handleTabClick = (0, import_react2.useCallback)(
     (id2, index) => {
       setSelectedTabId(id2);
@@ -440,6 +442,11 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
     },
     [onTabChange]
   );
+  (0, import_react2.useEffect)(() => {
+    if (selectedTab) {
+      handleTabClick(selectedTab.id, selectedTab.index);
+    }
+  }, [selectedTab, handleTabClick]);
   const handleKeyDown = (e) => {
     var _a2;
     let newIndex = focusedTabIndex;
@@ -474,6 +481,7 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
           return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             ContentTab,
             {
+              disabled: tab.disabled,
               fullWidth: fullWidthTabs,
               id: id ? `${id}-tab-${tab.id}` : void 0,
               testid: testid ? `${testid}-tab-${tab.id}` : void 0,

package/dist/components/ContentTabs.js

@@ -11,16 +11,18 @@ import clsx from "clsx";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var afterClasses = "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
-var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }) => {
+var ContentTabs = ({
+  tabs,
+  onTabChange,
+  fullWidthTabs,
+  id,
+  testid,
+  selectedTab
+}) => {
   var _a, _b;
   const [selectedTabId, setSelectedTabId] = useState(((_a = tabs[0]) == null ? void 0 : _a.id) || "");
   const [focusedTabIndex, setFocusedTabIndex] = useState(0);
   const tabRefs = useRef([]);
-  useEffect(() => {
-    if (selectedTab) {
-      handleTabClick(selectedTab.id, selectedTab.index);
-    }
-  }, [selectedTab]);
   const handleTabClick = useCallback(
     (id2, index) => {
       setSelectedTabId(id2);
@@ -29,6 +31,11 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
     },
     [onTabChange]
   );
+  useEffect(() => {
+    if (selectedTab) {
+      handleTabClick(selectedTab.id, selectedTab.index);
+    }
+  }, [selectedTab, handleTabClick]);
   const handleKeyDown = (e) => {
     var _a2;
     let newIndex = focusedTabIndex;
@@ -63,6 +70,7 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
           return /* @__PURE__ */ jsx(
             ContentTab,
             {
+              disabled: tab.disabled,
               fullWidth: fullWidthTabs,
               id: id ? `${id}-tab-${tab.id}` : void 0,
               testid: testid ? `${testid}-tab-${tab.id}` : void 0,

package/dist/components/DataGridCell.js

@@ -4,18 +4,18 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-ARQBSR3I.js";
+} from "../chunk-YCKRVNJ3.js";
 import "../chunk-W32JB47H.js";
 import "../chunk-WPEDVM56.js";
-import "../chunk-OXSBIBGT.js";
+import "../chunk-CKQNJNU3.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
 import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
-import "../chunk-6GAYJCFE.js";
-import "../chunk-RJUN52HJ.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-OGIFIPKH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";

package/dist/components/DateInput.js

@@ -1,14 +1,21 @@
 import {
   CalendarRange
-} from "../chunk-ZA5E7ZYM.js";
-import "../chunk-TO4LIFK7.js";
+} from "../chunk-NXGUDYRR.js";
+import "../chunk-7AULYQHT.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-I3WFZOFY.js";
-import "../chunk-NO5BIKWS.js";
-import "../chunk-ARQBSR3I.js";
+import "../chunk-J5V2JRIK.js";
+import "../chunk-YCKRVNJ3.js";
 import "../chunk-W32JB47H.js";
 import "../chunk-WPEDVM56.js";
-import "../chunk-OXSBIBGT.js";
+import "../chunk-CKQNJNU3.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import {
+  InputBase
+} from "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NO5BIKWS.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-JUJBS4ZV.js";
 import {
   findDocumentRoot
@@ -20,13 +27,7 @@ import {
   isValidDate,
   parseInputDate
 } from "../chunk-TYTD4FLW.js";
-import "../chunk-6GAYJCFE.js";
-import {
-  InputBase
-} from "../chunk-RJUN52HJ.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-FA7IFW66.js";
 import "../chunk-4VER5OEU.js";
 import "../chunk-NQXZBWDZ.js";
@@ -35,7 +36,6 @@ import "../chunk-OGIFIPKH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/DateRangeInput.js

@@ -1,14 +1,21 @@
 import {
   CalendarRange
-} from "../chunk-ZA5E7ZYM.js";
-import "../chunk-TO4LIFK7.js";
+} from "../chunk-NXGUDYRR.js";
+import "../chunk-7AULYQHT.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-I3WFZOFY.js";
-import "../chunk-NO5BIKWS.js";
-import "../chunk-ARQBSR3I.js";
+import "../chunk-J5V2JRIK.js";
+import "../chunk-YCKRVNJ3.js";
 import "../chunk-W32JB47H.js";
 import "../chunk-WPEDVM56.js";
-import "../chunk-OXSBIBGT.js";
+import "../chunk-CKQNJNU3.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import {
+  InputBase
+} from "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NO5BIKWS.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-JUJBS4ZV.js";
 import {
   findDocumentRoot
@@ -21,13 +28,7 @@ import {
   isValidDateRangeOrder,
   parseInputDate
 } from "../chunk-TYTD4FLW.js";
-import "../chunk-6GAYJCFE.js";
-import {
-  InputBase
-} from "../chunk-RJUN52HJ.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-FA7IFW66.js";
 import "../chunk-4VER5OEU.js";
 import "../chunk-NQXZBWDZ.js";
@@ -36,7 +37,6 @@ import "../chunk-OGIFIPKH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/FilterGroup.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   OptionPill
-} from "../chunk-KKESN5SF.js";
-import {
-  Link
-} from "../chunk-4OMINRN5.js";
-import {
-  Checkbox
-} from "../chunk-NO5BIKWS.js";
+} from "../chunk-4XTTJOQA.js";
 import {
   Search
-} from "../chunk-6GAYJCFE.js";
-import "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-6DPFKSCT.js";
+import "../chunk-ZL5X7KP6.js";
 import {
   Label
 } from "../chunk-7CS736EF.js";
+import {
+  Checkbox
+} from "../chunk-NO5BIKWS.js";
+import "../chunk-WWAPK5PH.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-OGIFIPKH.js";
+import {
+  Link
+} from "../chunk-4OMINRN5.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import {
   baseTransition,
   componentGap,

package/dist/components/Input.js

@@ -6,9 +6,9 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-ZL5X7KP6.js";
 import "../chunk-7CS736EF.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/MenuOption.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-OXSBIBGT.js";
+} from "../chunk-CKQNJNU3.js";
+import "../chunk-7CS736EF.js";
 import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
 import "../chunk-OGIFIPKH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";

package/dist/components/MobileDataGrid.js

@@ -4,6 +4,9 @@ import {
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Stack
 } from "../chunk-NQXZBWDZ.js";
@@ -13,9 +16,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 

package/dist/components/Modal.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   Modal
-} from "../chunk-RLLQRVM7.js";
+} from "../chunk-Q7JYDOFB.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-XM7IQHBU.js";
+import "../chunk-5OPI4GTJ.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-6CPGOW6J.js";
+import "../chunk-3C2U4FKR.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-EU73QPW7.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalButtons.js

@@ -1,8 +1,8 @@
 import {
   ModalButtons
-} from "../chunk-XM7IQHBU.js";
-import "../chunk-NKUETCDA.js";
+} from "../chunk-5OPI4GTJ.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalHeader.js

@@ -1,9 +1,9 @@
 import {
   ModalHeader
-} from "../chunk-6CPGOW6J.js";
+} from "../chunk-3C2U4FKR.js";
 import "../chunk-EU73QPW7.js";
-import "../chunk-NKUETCDA.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTab.js

@@ -1,8 +1,8 @@
 import {
   NavigationTab
-} from "../chunk-FHQL42YP.js";
-import "../chunk-NKUETCDA.js";
+} from "../chunk-YUBQJQ75.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTabs.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-FHQL42YP.js";
-import "../chunk-NKUETCDA.js";
+} from "../chunk-YUBQJQ75.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/NestedMenu.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-OXSBIBGT.js";
+} from "../chunk-CKQNJNU3.js";
+import "../chunk-7CS736EF.js";
 import {
   useKeydown
 } from "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
 import "../chunk-OGIFIPKH.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,6 +2,9 @@
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Stack
 } from "../chunk-NQXZBWDZ.js";
@@ -11,9 +14,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/OptionPill.js

@@ -1,9 +1,9 @@
 import {
   OptionPill
-} from "../chunk-KKESN5SF.js";
+} from "../chunk-4XTTJOQA.js";
 import "../chunk-7CS736EF.js";
-import "../chunk-NKUETCDA.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/PDFViewer.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Modal
-} from "../chunk-RLLQRVM7.js";
+} from "../chunk-Q7JYDOFB.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-XM7IQHBU.js";
+import "../chunk-5OPI4GTJ.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-6CPGOW6J.js";
+import "../chunk-3C2U4FKR.js";
 import "../chunk-ZFOANBWG.js";
 import {
   Spinner
@@ -13,6 +13,9 @@ import {
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
@@ -26,9 +29,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 

package/dist/components/Password.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   InputBase
-} from "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-ZL5X7KP6.js";
 import "../chunk-7CS736EF.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Search.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Search
-} from "../chunk-6GAYJCFE.js";
-import "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-6DPFKSCT.js";
+import "../chunk-ZL5X7KP6.js";
 import "../chunk-7CS736EF.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Select.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Select
-} from "../chunk-I3WFZOFY.js";
-import "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-J5V2JRIK.js";
+import "../chunk-ZL5X7KP6.js";
 import "../chunk-7CS736EF.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Stepper.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   InputBase
-} from "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-ZL5X7KP6.js";
 import "../chunk-7CS736EF.js";
-import {
-  Icon
-} from "../chunk-NKUETCDA.js";
 import {
   Button
 } from "../chunk-WWAPK5PH.js";
+import "../chunk-5UH6QUFB.js";
+import {
+  Icon
+} from "../chunk-NKUETCDA.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/Time.js

@@ -1,12 +1,12 @@
+import {
+  InputBase
+} from "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
 import {
   findDocumentRoot
 } from "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
-import {
-  InputBase
-} from "../chunk-RJUN52HJ.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
 import {
   Stack
 } from "../chunk-NQXZBWDZ.js";

package/dist/components/Toast.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Paragraph
 } from "../chunk-OGIFIPKH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import {
   componentGap,
   componentPadding,

package/dist/components/Upload.js

@@ -1,6 +1,9 @@
 import {
   Spinner
 } from "../chunk-PLMGI5K5.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Stack
 } from "../chunk-NQXZBWDZ.js";
@@ -10,9 +13,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/index.js

@@ -1,42 +1,45 @@
 import {
   DataGrid
-} from "../chunk-TO4LIFK7.js";
+} from "../chunk-7AULYQHT.js";
 import {
   Tooltip
 } from "../chunk-QQ5G773N.js";
 import {
   Select
-} from "../chunk-I3WFZOFY.js";
-import {
-  Checkbox
-} from "../chunk-NO5BIKWS.js";
+} from "../chunk-J5V2JRIK.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-ARQBSR3I.js";
+} from "../chunk-YCKRVNJ3.js";
 import {
   Menu
 } from "../chunk-W32JB47H.js";
 import "../chunk-WPEDVM56.js";
 import {
   MenuOption
-} from "../chunk-OXSBIBGT.js";
-import "../chunk-JUJBS4ZV.js";
-import "../chunk-VXWSAIB5.js";
-import "../chunk-TYTD4FLW.js";
+} from "../chunk-CKQNJNU3.js";
+import "../chunk-WVUIIBRR.js";
 import {
   Search
-} from "../chunk-6GAYJCFE.js";
+} from "../chunk-6DPFKSCT.js";
 import {
   Input
-} from "../chunk-RJUN52HJ.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-ZL5X7KP6.js";
 import {
   Label
 } from "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
+import {
+  Checkbox
+} from "../chunk-NO5BIKWS.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
+import "../chunk-JUJBS4ZV.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-TYTD4FLW.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Subheader
 } from "../chunk-FA7IFW66.js";
@@ -53,9 +56,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.290",
+  "version": "0.0.292",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/AccessChangerTabItem.tsx

@@ -3,54 +3,69 @@ import { ComponentProps } from "react";
 import { Subheader } from "./Subheader";
 import { Icon } from "./Icon";
 
-export function AccessChangerTabItem(props: ComponentProps<"div"> & { selected?: boolean, loading?: boolean, disabled?: boolean, additionalText?: string, borderTop?: boolean, borderBottom?: boolean }) {
-    const {
-        additionalText,
-        borderTop,
-        borderBottom,
-        selected,
-        children,
-        loading,
-        disabled,
-        onClick,
-        ...rest
-    } = props;
+export function AccessChangerTabItem(
+  props: ComponentProps<"div"> & {
+    selected?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    additionalText?: string;
+    borderTop?: boolean;
+    borderBottom?: boolean;
+  },
+) {
+  const {
+    additionalText,
+    borderTop,
+    borderBottom,
+    selected,
+    children,
+    loading,
+    disabled,
+    onClick,
+    ...rest
+  } = props;
 
-    return (
-        <div
-            className={clsx(
-                "flex items-center justify-between",
-                "py-[15px] px-4 gap-4",
-                "bg-background-grouped-primary-normal cursor-pointer",
-                borderTop && 'border-t',
-                borderBottom && 'border-b',
-                borderTop || borderBottom ? "border-border-primary-normal" : "border-transparent",
-                selected ? "text-text-action-primary-normal" : "text-text-primary-normal hover:text-text-action-primary-normal",
-            )}
-            onClick={(e) => {
-                if (selected || loading || disabled) {
-                    return;
-                }
+  return (
+    <div
+      className={clsx(
+        "flex items-center justify-between",
+        "py-[15px] px-4 gap-4",
+        "bg-background-grouped-primary-normal cursor-pointer",
+        borderTop && "border-t",
+        borderBottom && "border-b",
+        borderTop || borderBottom
+          ? "border-border-primary-normal"
+          : "border-transparent",
+        selected
+          ? "text-text-action-primary-normal"
+          : "text-text-primary-normal hover:text-text-action-primary-normal",
+      )}
+      onClick={(e) => {
+        if (loading || disabled) {
+          return;
+        }
 
-                onClick?.(e);
-            }}
-            {...rest}
-        >
-            <div className="flex flex-col gap-0.5">
-                <Subheader>{children}</Subheader>
-                {additionalText && <p className="text-text-primary-normal text-[13px] leading-[1.38462] font-normal">{additionalText}</p>}
-            </div>
+        onClick?.(e);
+      }}
+      {...rest}
+    >
+      <div className="flex flex-col gap-0.5">
+        <Subheader>{children}</Subheader>
+        {additionalText && (
+          <p className="text-text-primary-normal text-[13px] leading-[1.38462] font-normal">
+            {additionalText}
+          </p>
+        )}
+      </div>
 
-            {loading && !selected && (
-                <Icon name="cached" size={16} />
-            )}
+      {loading && !selected && <Icon name="cached" size={16} />}
 
-            {selected && (
-                <div className="flex items-center gap-1">
-                    <div className="rounded-full size-2 bg-text-action-primary-normal"></div>
-                    <Subheader>Active</Subheader>
-                </div>
-            )}
+      {selected && (
+        <div className="flex items-center gap-1">
+          <div className="rounded-full size-2 bg-text-action-primary-normal"></div>
+          <Subheader>Active</Subheader>
         </div>
-    )
-}
+      )}
+    </div>
+  );
+}

package/src/components/ContentTabs.tsx

@@ -7,11 +7,12 @@ type Tab = {
   id: string;
   label: string;
   content?: ReactNode;
+  disabled?: boolean;
 };
 
 export type SelectedTab = Omit<Tab, "content" | "label"> & {
   index: number;
-}
+};
 
 export type ContentTabsProps = {
   tabs: Tab[];
@@ -25,17 +26,18 @@ export type ContentTabsProps = {
 const afterClasses =
   "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
 
-export const ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }: ContentTabsProps) => {
+export const ContentTabs = ({
+  tabs,
+  onTabChange,
+  fullWidthTabs,
+  id,
+  testid,
+  selectedTab,
+}: ContentTabsProps) => {
   const [selectedTabId, setSelectedTabId] = useState<string>(tabs[0]?.id || "");
   const [focusedTabIndex, setFocusedTabIndex] = useState<number>(0);
   const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);
 
-  useEffect(() => {
-    if (selectedTab) {
-      handleTabClick(selectedTab.id, selectedTab.index)
-    }
-  }, [selectedTab])
-
   const handleTabClick = useCallback(
     (id: string, index: number) => {
       setSelectedTabId(id);
@@ -45,6 +47,12 @@ export const ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, sele
     [onTabChange],
   );
 
+  useEffect(() => {
+    if (selectedTab) {
+      handleTabClick(selectedTab.id, selectedTab.index);
+    }
+  }, [selectedTab, handleTabClick]);
+
   const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
     let newIndex = focusedTabIndex;
     if (e.key === "ArrowRight") {
@@ -80,6 +88,7 @@ export const ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, sele
             const isSelected = selectedTabId === tab.id;
             return (
               <ContentTab
+                disabled={tab.disabled}
                 fullWidth={fullWidthTabs}
                 key={tab.id}
                 id={id ? `${id}-tab-${tab.id}` : undefined}

package/dist/{chunk-6CPGOW6J.js → chunk-3C2U4FKR.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-EU73QPW7.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-WWAPK5PH.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-KKESN5SF.js → chunk-4XTTJOQA.js}

@@ -1,12 +1,12 @@
 import {
   Label
 } from "./chunk-7CS736EF.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-WWAPK5PH.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   baseTransition,
   componentGap,

package/dist/{chunk-XM7IQHBU.js → chunk-5OPI4GTJ.js}

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

package/dist/{chunk-OXSBIBGT.js → chunk-CKQNJNU3.js}

@@ -1,9 +1,9 @@
-import {
-  useMatchesMobile
-} from "./chunk-JUJBS4ZV.js";
 import {
   Label
 } from "./chunk-7CS736EF.js";
+import {
+  useMatchesMobile
+} from "./chunk-JUJBS4ZV.js";
 import {
   Paragraph
 } from "./chunk-OGIFIPKH.js";

package/dist/{chunk-FHQL42YP.js → chunk-YUBQJQ75.js}

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

package/dist/{chunk-RJUN52HJ.js → chunk-ZL5X7KP6.js}

@@ -1,11 +1,11 @@
+import {
+  Label
+} from "./chunk-7CS736EF.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,
   getDecimalPlaceholder
 } from "./chunk-5UH6QUFB.js";
-import {
-  Label
-} from "./chunk-7CS736EF.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";