@mamrp/components 1.0.7 → 1.0.10

package/dist/index.d.mts

@@ -192,14 +192,6 @@ interface HorizontalStepperProps {
 }
 declare function HorizontalStepper({ steps, currentStep, setCurrentStep, }: HorizontalStepperProps): React.JSX.Element;
 
-type SwitchWithIconsProps = {
-    checked: boolean;
-    handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    iconChecked: React__default.ReactNode;
-    iconUnchecked: React__default.ReactNode;
-};
-declare const SwitchWithIcons: React__default.FC<SwitchWithIconsProps>;
-
 interface StateType {
     page: number;
     pageSize: number;
@@ -282,4 +274,21 @@ declare function Page({ data, }: {
     }];
 }): React.JSX.Element;
 
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchWithIcons as SwitchButton, Table, UploadImage };
+type SwitchButtonProps = {
+    checked: boolean;
+    handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    iconChecked?: React__default.ReactNode;
+    iconUnchecked?: React__default.ReactNode;
+};
+declare const SwitchButton: React__default.FC<SwitchButtonProps>;
+
+type ConnectToBasculeButtonProps = {
+    baudRate: number;
+    dataBits?: number;
+    stopBits?: number;
+    parity?: "none" | "even" | "odd";
+    flowControl?: "none" | "hardware";
+};
+declare const ConnectToBasculeButton: React__default.FC<ConnectToBasculeButtonProps>;
+
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };

package/dist/index.d.ts

@@ -192,14 +192,6 @@ interface HorizontalStepperProps {
 }
 declare function HorizontalStepper({ steps, currentStep, setCurrentStep, }: HorizontalStepperProps): React.JSX.Element;
 
-type SwitchWithIconsProps = {
-    checked: boolean;
-    handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    iconChecked: React__default.ReactNode;
-    iconUnchecked: React__default.ReactNode;
-};
-declare const SwitchWithIcons: React__default.FC<SwitchWithIconsProps>;
-
 interface StateType {
     page: number;
     pageSize: number;
@@ -282,4 +274,21 @@ declare function Page({ data, }: {
     }];
 }): React.JSX.Element;
 
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchWithIcons as SwitchButton, Table, UploadImage };
+type SwitchButtonProps = {
+    checked: boolean;
+    handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    iconChecked?: React__default.ReactNode;
+    iconUnchecked?: React__default.ReactNode;
+};
+declare const SwitchButton: React__default.FC<SwitchButtonProps>;
+
+type ConnectToBasculeButtonProps = {
+    baudRate: number;
+    dataBits?: number;
+    stopBits?: number;
+    parity?: "none" | "even" | "odd";
+    flowControl?: "none" | "hardware";
+};
+declare const ConnectToBasculeButton: React__default.FC<ConnectToBasculeButtonProps>;
+
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };

package/dist/index.js

@@ -33,6 +33,7 @@ __export(src_exports, {
   Accordion: () => Page,
   AdvancedSearchButton: () => AdvancedSearchButton,
   ConfirmationDialog: () => ConfirmationDialog,
+  ConnectToBasculeButton: () => bascule_connection_button_default,
   CustomCheckbox: () => CustomCheckbox,
   CustomTimePicker: () => CustomTimePicker,
   DateFilter: () => DateFilter,
@@ -2991,88 +2992,12 @@ function HorizontalStepper({
   )))));
 }
 
-// src/switch-button/index.tsx
-var import_material19 = require("@mui/material");
-var import_system7 = require("@mui/system");
-var import_react19 = __toESM(require("react"));
-var CustomSwitch = (0, import_system7.styled)(import_material19.Switch)(({ theme }) => ({
-  "& .MuiSwitch-switchBase.Mui-checked": {
-    color: theme.palette.primary.main
-  },
-  "& .MuiSwitch-switchBase": {
-    color: "#757575"
-  },
-  "& .MuiSwitch-track": {
-    backgroundColor: "#E0E0E0"
-  },
-  "& .MuiSwitch-track.Mui-checked": {
-    backgroundColor: theme.palette.primary.light
-  }
-}));
-var BoxContainer = (0, import_system7.styled)(import_material19.Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  padding: "5px",
-  backgroundColor: "#fafafa",
-  borderRadius: "10px",
-  transition: "all 0.3s ease",
-  "&:hover": {
-    backgroundColor: theme.palette.action.hover
-  },
-  // Conditionally apply smaller padding for mobile devices
-  "@media (max-width:700px)": {
-    padding: "0px"
-    // Smaller padding for mobile
-  }
-}));
-var LabelContainer = (0, import_system7.styled)("div")({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  fontSize: "16px",
-  fontWeight: "100",
-  color: "#333",
-  marginLeft: "8px",
-  transition: "all 0.2s ease",
-  // Conditionally apply smaller font size and margin for mobile devices
-  "@media (max-width:700px)": {
-    fontSize: "14px",
-    // Smaller font size for mobile
-    marginLeft: "2px",
-    // Smaller margin for mobile
-    marginRight: "0px"
-    // Smaller
-  }
-});
-var SwitchWithIcons = ({
-  checked,
-  handleChange,
-  iconChecked,
-  iconUnchecked
-}) => {
-  return /* @__PURE__ */ import_react19.default.createElement(BoxContainer, null, /* @__PURE__ */ import_react19.default.createElement(
-    import_material19.FormControlLabel,
-    {
-      control: /* @__PURE__ */ import_react19.default.createElement(
-        CustomSwitch,
-        {
-          checked,
-          onChange: handleChange,
-          name: "switch"
-        }
-      ),
-      label: /* @__PURE__ */ import_react19.default.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ import_react19.default.createElement("div", { style: { fontSize: 22, color: "#4CAF50" } }, "\u2714") : iconUnchecked ? iconUnchecked : /* @__PURE__ */ import_react19.default.createElement("div", { style: { fontSize: 20, color: "#757575" } }, "\u2718"))
-    }
-  ));
-};
-var switch_button_default = SwitchWithIcons;
-
 // src/table/index.tsx
-var import_material20 = require("@mui/material");
+var import_material19 = require("@mui/material");
 var import_Skeleton = __toESM(require("@mui/material/Skeleton"));
 var import_styles = require("@mui/material/styles");
 var import_x_data_grid = require("@mui/x-data-grid");
-var import_react20 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var ScrollableContainer = (0, import_styles.styled)("div")({
   width: "100%",
   overflowX: "auto"
@@ -3098,7 +3023,7 @@ var Table = ({
   fontSize,
   ...rest
 }) => {
-  const [sortModel, setSortModel] = import_react20.default.useState([]);
+  const [sortModel, setSortModel] = import_react19.default.useState([]);
   const handleSetQueryOptions = (options) => {
     if (!Array.isArray(options)) return;
     const formattedOptions = options.reduce((acc, item) => {
@@ -3108,7 +3033,7 @@ var Table = ({
     }, {});
     setsortQuery && setsortQuery(formattedOptions);
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (sortQuery && Object.keys(sortQuery).length > 0) {
       const queryKey = Object.keys(sortQuery)[0];
       if (sortFieldMapping) {
@@ -3126,7 +3051,7 @@ var Table = ({
       setSortModel([]);
     }
   }, [sortQuery]);
-  const handleSortModelChange = import_react20.default.useCallback(
+  const handleSortModelChange = import_react19.default.useCallback(
     (sortModel2) => {
       handleSetQueryOptions(
         sortModel2.map((item) => ({
@@ -3166,7 +3091,7 @@ var Table = ({
       // Connect paginationModel to DataGrid
     }
   };
-  return /* @__PURE__ */ import_react20.default.createElement(ScrollableContainer, null, /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(ScrollableContainer, null, /* @__PURE__ */ import_react19.default.createElement(
     import_x_data_grid.DataGrid,
     {
       rows,
@@ -3211,14 +3136,14 @@ var Table = ({
         noRowsLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
         noResultsOverlayLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
         MuiTablePagination: {
-          labelDisplayedRows: ({ from, to, count }) => loading ? /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
+          labelDisplayedRows: ({ from, to, count }) => loading ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
             import_Skeleton.default,
             {
               variant: "text",
               width: 30,
               style: { display: "inline-block" }
             }
-          ), " ", /* @__PURE__ */ import_react20.default.createElement(
+          ), " ", /* @__PURE__ */ import_react19.default.createElement(
             import_Skeleton.default,
             {
               variant: "text",
@@ -3227,7 +3152,7 @@ var Table = ({
             }
           )) : `${from} - ${!isNaN(to) ? to : "..."} \u0627\u0632 ${count !== void 0 ? count : "..."}`
         },
-        footerRowSelected: (count) => /* @__PURE__ */ import_react20.default.createElement(import_material20.Typography, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
+        footerRowSelected: (count) => /* @__PURE__ */ import_react19.default.createElement(import_material19.Typography, null, "\u0633\u0637\u0631 \u0647\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 : ", count)
       },
       ...rest
     }
@@ -3237,12 +3162,12 @@ var table_default = Table;
 
 // src/text-field/number-type/index.tsx
 var import_TextField2 = __toESM(require("@mui/material/TextField"));
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_react_hook_form11 = require("react-hook-form");
 var import_react_number_format = require("react-number-format");
 var import_CircularProgress2 = __toESM(require("@mui/material/CircularProgress"));
 var import_InputAdornment = __toESM(require("@mui/material/InputAdornment"));
-var import_react22 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var FormInputNumber = ({
   name,
   control,
@@ -3260,13 +3185,13 @@ var FormInputNumber = ({
   decimalScale = 2,
   ...rest
 }) => {
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     import_react_hook_form11.Controller,
     {
       rules,
       name,
       control,
-      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ import_react22.default.createElement(
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ import_react21.default.createElement(
         import_TextField2.default,
         {
           disabled: isLoading,
@@ -3306,7 +3231,7 @@ var FormInputNumber = ({
               maxLength,
               decimalScale
             },
-            endAdornment: isLoading ? /* @__PURE__ */ import_react22.default.createElement(import_InputAdornment.default, { position: "end" }, /* @__PURE__ */ import_react22.default.createElement(import_CircularProgress2.default, { size: 20 })) : null,
+            endAdornment: isLoading ? /* @__PURE__ */ import_react21.default.createElement(import_InputAdornment.default, { position: "end" }, /* @__PURE__ */ import_react21.default.createElement(import_CircularProgress2.default, { size: 20 })) : null,
             startAdornment
           },
           ...rest
@@ -3315,7 +3240,7 @@ var FormInputNumber = ({
     }
   );
 };
-var NumericFormatCustom = (0, import_react21.forwardRef)(
+var NumericFormatCustom = (0, import_react20.forwardRef)(
   function NumericFormatCustom2(props, ref) {
     const {
       onChange,
@@ -3326,7 +3251,7 @@ var NumericFormatCustom = (0, import_react21.forwardRef)(
       decimalScale,
       ...other
     } = props;
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react21.default.createElement(
       import_react_number_format.NumericFormat,
       {
         ...other,
@@ -3357,7 +3282,7 @@ var number_type_default = FormInputNumber;
 var import_CircularProgress3 = __toESM(require("@mui/material/CircularProgress"));
 var import_InputAdornment2 = __toESM(require("@mui/material/InputAdornment"));
 var import_TextField3 = __toESM(require("@mui/material/TextField"));
-var import_react23 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var import_react_hook_form12 = require("react-hook-form");
 var FormInputText = ({
   name,
@@ -3374,13 +3299,13 @@ var FormInputText = ({
   rows,
   ...rest
 }) => {
-  return /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(
     import_react_hook_form12.Controller,
     {
       name,
       control,
       rules,
-      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ import_react23.default.createElement(
+      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ import_react22.default.createElement(
         import_TextField3.default,
         {
           disabled: disabled || isLoading,
@@ -3400,7 +3325,7 @@ var FormInputText = ({
             readOnly
           },
           InputProps: {
-            endAdornment: isLoading ? /* @__PURE__ */ import_react23.default.createElement(import_InputAdornment2.default, { position: "end" }, /* @__PURE__ */ import_react23.default.createElement(import_CircularProgress3.default, { size: 20 })) : null
+            endAdornment: isLoading ? /* @__PURE__ */ import_react22.default.createElement(import_InputAdornment2.default, { position: "end" }, /* @__PURE__ */ import_react22.default.createElement(import_CircularProgress3.default, { size: 20 })) : null
           },
           InputLabelProps: { shrink: true },
           inputRef: ref,
@@ -3413,9 +3338,9 @@ var FormInputText = ({
 var text_type_default = FormInputText;
 
 // src/upload-image/index.tsx
-var import_react24 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_react_hook_form13 = require("react-hook-form");
-var import_material21 = require("@mui/material");
+var import_material20 = require("@mui/material");
 var import_gr = require("react-icons/gr");
 var import_md5 = require("react-icons/md");
 var import_image3 = __toESM(require("next/image"));
@@ -3488,12 +3413,12 @@ var UploadImage = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(
     import_react_hook_form13.Controller,
     {
       name,
       control,
-      render: ({ field }) => /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(
+      render: ({ field }) => /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
         "label",
         {
           htmlFor: "file-upload",
@@ -3513,7 +3438,7 @@ var UploadImage = ({
             overflow: "hidden"
           }
         },
-        selectedImage ? /* @__PURE__ */ import_react24.default.createElement(
+        selectedImage ? /* @__PURE__ */ import_react23.default.createElement(
           import_image3.default,
           {
             src: selectedImage,
@@ -3521,14 +3446,14 @@ var UploadImage = ({
             fill: true,
             objectFit: imageFit
           }
-        ) : /* @__PURE__ */ import_react24.default.createElement(
-          import_material21.Stack,
+        ) : /* @__PURE__ */ import_react23.default.createElement(
+          import_material20.Stack,
           {
             spacing: allowGallery ? 2 : 0,
             sx: { pt: allowGallery ? 2 : 0 }
           },
-          /* @__PURE__ */ import_react24.default.createElement(
-            import_material21.Box,
+          /* @__PURE__ */ import_react23.default.createElement(
+            import_material20.Box,
             {
               sx: {
                 display: "flex",
@@ -3537,31 +3462,31 @@ var UploadImage = ({
                 gap: 1.5
               }
             },
-            /* @__PURE__ */ import_react24.default.createElement(import_material21.Box, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ import_react24.default.createElement(import_gr.GrUpload, null)),
+            /* @__PURE__ */ import_react23.default.createElement(import_material20.Box, { sx: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ import_react23.default.createElement(import_gr.GrUpload, null)),
             placeholder
           ),
-          allowGallery && /* @__PURE__ */ import_react24.default.createElement(import_material21.Stack, { spacing: 1.5 }, /* @__PURE__ */ import_react24.default.createElement(
-            import_material21.Button,
+          allowGallery && /* @__PURE__ */ import_react23.default.createElement(import_material20.Stack, { spacing: 1.5 }, /* @__PURE__ */ import_react23.default.createElement(
+            import_material20.Button,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ import_react24.default.createElement(import_md5.MdOutlineCameraAlt, { size: 16 }),
+              startIcon: /* @__PURE__ */ import_react23.default.createElement(import_md5.MdOutlineCameraAlt, { size: 16 }),
               onClick: () => document.getElementById("camera-upload")?.click()
             },
             "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0627\u0632 \u062F\u0648\u0631\u0628\u06CC\u0646"
-          ), /* @__PURE__ */ import_react24.default.createElement(
-            import_material21.Button,
+          ), /* @__PURE__ */ import_react23.default.createElement(
+            import_material20.Button,
             {
               sx: { width: "9rem" },
               variant: "outlined",
               color: "info",
-              startIcon: /* @__PURE__ */ import_react24.default.createElement(import_gr.GrGallery, { size: 16 }),
+              startIcon: /* @__PURE__ */ import_react23.default.createElement(import_gr.GrGallery, { size: 16 }),
               onClick: () => document.getElementById("gallery-upload")?.click()
             },
             "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0627\u0632 \u06AF\u0627\u0644\u0631\u06CC"
           )),
-          !allowGallery && /* @__PURE__ */ import_react24.default.createElement(
+          !allowGallery && /* @__PURE__ */ import_react23.default.createElement(
             "input",
             {
               id: "file-upload",
@@ -3576,7 +3501,7 @@ var UploadImage = ({
             }
           )
         )
-      ), /* @__PURE__ */ import_react24.default.createElement(
+      ), /* @__PURE__ */ import_react23.default.createElement(
         "input",
         {
           id: "gallery-upload",
@@ -3588,7 +3513,7 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), /* @__PURE__ */ import_react24.default.createElement(
+      ), /* @__PURE__ */ import_react23.default.createElement(
         "input",
         {
           id: "camera-upload",
@@ -3601,13 +3526,13 @@ var UploadImage = ({
           },
           style: { display: "none" }
         }
-      ), selectedImage && /* @__PURE__ */ import_react24.default.createElement(
-        import_material21.Box,
+      ), selectedImage && /* @__PURE__ */ import_react23.default.createElement(
+        import_material20.Box,
         {
           sx: { display: "flex", justifyContent: "center", marginTop: 2 }
         },
-        /* @__PURE__ */ import_react24.default.createElement(
-          import_material21.Button,
+        /* @__PURE__ */ import_react23.default.createElement(
+          import_material20.Button,
           {
             onClick: () => {
               setSelectedImage(null);
@@ -3626,7 +3551,7 @@ var UploadImage = ({
           },
           "\u062D\u0630\u0641 \u062A\u0635\u0648\u06CC\u0631"
         )
-      ), errors[name] && /* @__PURE__ */ import_react24.default.createElement(import_material21.Typography, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
+      ), errors[name] && /* @__PURE__ */ import_react23.default.createElement(import_material20.Typography, { color: "error", variant: "body2", sx: { mt: 1.5, ml: 1 } }, String(errors[name]?.message || "")))
     }
   );
 };
@@ -3638,8 +3563,8 @@ var import_io2 = require("react-icons/io");
 var import_Accordion = __toESM(require("@mui/material/Accordion"));
 var import_AccordionSummary = __toESM(require("@mui/material/AccordionSummary"));
 var import_AccordionDetails = __toESM(require("@mui/material/AccordionDetails"));
-var import_material22 = require("@mui/material");
-var import_react25 = require("react");
+var import_material21 = require("@mui/material");
+var import_react24 = require("react");
 function Page({
   data
 }) {
@@ -3669,7 +3594,7 @@ function Page({
     padding: theme.spacing(2),
     borderTop: "1px solid rgba(0, 0, 0, .125)"
   }));
-  const [expanded, setExpanded] = (0, import_react25.useState)("");
+  const [expanded, setExpanded] = (0, import_react24.useState)("");
   const handleChange = (panel) => (event, newExpanded) => {
     setExpanded(newExpanded ? panel : false);
   };
@@ -3693,17 +3618,149 @@ function Page({
             }
           }
         },
-        /* @__PURE__ */ React.createElement(import_material22.Typography, { component: "span" }, item.title)
+        /* @__PURE__ */ React.createElement(import_material21.Typography, { component: "span" }, item.title)
       ),
       /* @__PURE__ */ React.createElement(AccordionDetails, null, item.body)
     );
   }));
 }
+
+// src/switch-button/index.tsx
+var import_material22 = require("@mui/material");
+var import_system7 = require("@mui/system");
+var import_react25 = __toESM(require("react"));
+var import_pi = require("react-icons/pi");
+var import_material23 = require("@mui/material");
+var SwitchButton = ({
+  checked,
+  handleChange,
+  iconChecked,
+  iconUnchecked
+}) => {
+  const theme = (0, import_material23.useTheme)();
+  const isDarkMode = theme.palette.mode === "dark";
+  const CustomSwitch = (0, import_system7.styled)(import_material22.Switch)(({ theme: theme2 }) => ({
+    "& .MuiSwitch-switchBase.Mui-checked": {
+      color: theme2.palette.primary.main
+    },
+    "& .MuiSwitch-switchBase": {
+      color: isDarkMode ? "rgba(220,220,220,1)" : "rgba(188,188,188,1)"
+    },
+    "& .MuiSwitch-track": {
+      //   backgroundColor: "rgba(160,160,160, 0.1)",
+      backgroundColor: "#fff",
+      border: isDarkMode ? "2px solid white" : "2px solid rgba(80,80,80, 1)"
+    }
+  }));
+  const BoxContainer = (0, import_system7.styled)(import_material22.Box)(({ theme: theme2 }) => ({
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: "rgba(188,188,188, 0.1)",
+    border: "2px solid rgba(200,200,200, 1)",
+    borderRadius: 10,
+    transition: "all 0.3s ease",
+    paddingTop: theme2.spacing(0.1),
+    paddingBottom: theme2.spacing(0.1),
+    paddingLeft: theme2.spacing(1)
+  }));
+  const LabelContainer = (0, import_system7.styled)("div")({
+    transition: "all 0.2s ease",
+    color: isDarkMode ? "rgba(220,220,220, 1)" : "rgba(160,160,160, 1)"
+  });
+  return /* @__PURE__ */ import_react25.default.createElement(BoxContainer, null, /* @__PURE__ */ import_react25.default.createElement(
+    import_material22.FormControlLabel,
+    {
+      control: /* @__PURE__ */ import_react25.default.createElement(
+        CustomSwitch,
+        {
+          checked,
+          onChange: handleChange,
+          name: "switch"
+        }
+      ),
+      label: /* @__PURE__ */ import_react25.default.createElement(LabelContainer, null, checked ? iconChecked ? iconChecked : /* @__PURE__ */ import_react25.default.createElement(import_pi.PiTableDuotone, { size: 30 }) : iconUnchecked ? iconUnchecked : /* @__PURE__ */ import_react25.default.createElement(import_pi.PiCardsDuotone, { size: 30 }))
+    }
+  ));
+};
+var switch_button_default = SwitchButton;
+
+// src/bascule-connection-button/index.tsx
+var import_material24 = require("@mui/material");
+var import_react26 = __toESM(require("react"));
+var import_react_hot_toast = __toESM(require("react-hot-toast"));
+var import_pi2 = require("react-icons/pi");
+var ConnectToBasculeButton = ({
+  baudRate,
+  dataBits = 8,
+  stopBits = 1,
+  parity = "none",
+  flowControl = "none"
+}) => {
+  const [connected, setConnected] = (0, import_react26.useState)(false);
+  const portRef = (0, import_react26.useRef)(null);
+  const connectToBascule = async () => {
+    if (!("serial" in navigator)) {
+      import_react_hot_toast.default.error("Web Serial API \u062A\u0648\u0633\u0637 \u0627\u06CC\u0646 \u0645\u0631\u0648\u0631\u06AF\u0631 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC \u0646\u0645\u06CC\u200C\u0634\u0648\u062F.");
+      return;
+    }
+    try {
+      const serial = navigator.serial;
+      const port = await serial.requestPort();
+      await port.open({ baudRate, dataBits, stopBits, parity, flowControl });
+      portRef.current = port;
+      setConnected(true);
+      import_react_hot_toast.default.success("\u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644 \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u0646\u062C\u0627\u0645 \u0634\u062F.");
+    } catch (error) {
+      console.error(error);
+      import_react_hot_toast.default.error("\u062E\u0637\u0627 \u062F\u0631 \u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644. \u0644\u0637\u0641\u0627\u064B \u062F\u0648\u0628\u0627\u0631\u0647 \u062A\u0644\u0627\u0634 \u06A9\u0646\u06CC\u062F.");
+    }
+  };
+  return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("style", null, `
+        @keyframes jumpAnimation {
+          0% { transform: translateY(1px); }
+          12.5% { transform: translateY(-2px); }
+          25% { transform: translateY(1px); }
+          37.5% { transform: translateY(-2px); }
+          50% { transform: translateY(0); }
+          100% { transform: translateY(0); }
+        }
+      `), /* @__PURE__ */ import_react26.default.createElement(
+    import_material24.Button,
+    {
+      variant: "contained",
+      onClick: connectToBascule,
+      disabled: connected,
+      sx: { minWidth: "11rem" }
+    },
+    /* @__PURE__ */ import_react26.default.createElement(
+      import_material24.Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          fontSize: 16
+        }
+      },
+      connected ? /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, "\u0645\u062A\u0635\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ import_react26.default.createElement(import_pi2.PiPlugsConnected, { size: 20 })) : /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, "\u0627\u062A\u0635\u0627\u0644 \u0628\u0647 \u0628\u0627\u0633\u06A9\u0648\u0644", /* @__PURE__ */ import_react26.default.createElement(
+        import_pi2.PiPlugs,
+        {
+          size: 20,
+          style: {
+            animation: "jumpAnimation 2s ease-in-out infinite"
+          }
+        }
+      ))
+    )
+  ));
+};
+var bascule_connection_button_default = ConnectToBasculeButton;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
   AdvancedSearchButton,
   ConfirmationDialog,
+  ConnectToBasculeButton,
   CustomCheckbox,
   CustomTimePicker,
   DateFilter,