@algorithm-shift/design-system 1.2.67 → 1.2.68

package/dist/index.mjs

@@ -157,7 +157,7 @@ function TabList({
 }
 
 // src/components/Layout/TabGroup.tsx
-import { useEffect as useEffect2, useMemo } from "react";
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
 import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 function TabGroupComponent({
   children,
@@ -167,11 +167,13 @@ function TabGroupComponent({
   activeTab,
   onTabChange
 }) {
+  const [mounted, setMounted] = useState2(false);
   useEffect2(() => {
-    if (list && list.length > 0 && !activeTab && onTabChange) {
+    if (list && list.length > 0 && !activeTab && onTabChange && !mounted) {
       onTabChange(list[0]?.tabId);
+      setMounted(true);
     }
-  }, [list, activeTab, onTabChange]);
+  }, [list, activeTab, onTabChange, mounted]);
   const formatedList = useMemo(
     () => Array.isArray(list) ? [...list].sort((a, b) => (a.orderNumber ?? 0) - (b.orderNumber ?? 0)) : [],
     [list]
@@ -27304,7 +27306,7 @@ var RadioInput = ({
 var RadioInput_default = RadioInput;
 
 // src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
-import { useCallback, useEffect as useEffect11, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect11, useState as useState3 } from "react";
 import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
 var MultiCheckbox = ({
   className,
@@ -27318,7 +27320,7 @@ var MultiCheckbox = ({
   isDisabled = false
 }) => {
   const list = Array.isArray(data) ? data : [];
-  const [value, setValue] = useState2(propValue);
+  const [value, setValue] = useState3(propValue);
   const options = (list || []).map((item) => ({
     value: item[dataKey || "value"],
     label: item[dataLabel || "label"]