impact-ui 4.0.0-alpha.21 → 4.0.0-alpha.23

package/dist/components/Slider/index.js

@@ -1,9 +1,13 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".impact_slider_layout{display:flex;gap:16px}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root{border:1px solid #c3c8d4;border-radius:8px;height:32px;width:75px}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root:focus,.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root fieldset{border:none!important}.impact_slider_layout .impact_slider_layout_heading{font-size:22px;font-weight:400;line-height:30.05px}.impact_slider_layout.header-top{flex-direction:column}.impact_slider_layout.header-left{align-items:center;flex-direction:row;gap:32px}.impact_slider_layout .impact_slider_container{width:390px}.impact_slider_layout .impact_slider_container .impact_slider_labelname{color:#60697d;display:block;font-size:12px;font-weight:500;margin-bottom:8px;margin-top:8px}.impact_slider_layout .impact_slider_container .impact_slider_main_container{align-items:center;display:flex;gap:16px}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-root{color:#4259ee;height:4px}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-rail{background:#d9dde7;opacity:1}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-thumb:hover{box-shadow:none}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-valueLabel{background-color:#0d152c;color:#fff}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled{pointer-events:none}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled .MuiSlider-root{color:#c3c8d4;height:4px}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled .MuiSlider-rail{background:#c3c8d4;opacity:1}.impact_slider_layout .impact_slider_disabled .MuiSlider-root{color:#d9dde7!important}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7;color:#d9dde7}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root:focus,.impact_slider_layout .impact_slider_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root fieldset{border:none!important}.impact_slider_layout .input_layout_style.ranged form{align-items:center;display:flex}.impact_slider_layout .input_layout_style.ranged form .MuiFormControl-root{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:space-between}.impact_slider_layout .input_layout_style.single form{align-items:center;display:flex;justify-content:center}.impact_slider_layout .input_layout_style.single form .MuiFormControl-root{width:120px}.input-position-inline{align-items:flex-end!important}.input-position-inline .impact_slider_layout{display:flex;gap:24px}.input-position-inline .impact_slider_layout .impact_slider_main_container{flex:1}.input-position-inline .impact_slider_layout .input_layout_style{flex-shrink:0}.input-position-bottom{flex-direction:column}.input-position-bottom .impact_slider_layout{display:flex;gap:16px}.input-position-bottom .impact_slider_layout .impact_slider_main_container{width:100%}.input-position-bottom .impact_slider_layout .input_layout_style{align-self:flex-end}.MuiSlider-thumb,.MuiSlider-thumb.Mui-focusVisible,.MuiSlider-thumb:active,.MuiSlider-thumb:before,.MuiSlider-thumb:hover{box-shadow:none!important}.Mui-disabled{pointer-events:none}.Mui-disabled.MuiOutlinedInput-root fieldset,.Mui-disabled.MuiOutlinedInput-root:focus-within fieldset,.Mui-disabled.MuiOutlinedInput-root:hover fieldset{border-color:#e0e0e0!important}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { jsxs, jsx } from "react/jsx-runtime";
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".slider-container{display:flex;flex-direction:column;gap:2px;min-height:calc(100% + 20px)}.impact_slider_layout{display:flex;gap:16px}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root{background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;height:32px;width:75px}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root:focus,.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root fieldset{border:none!important}.impact_slider_layout .impact_slider_layout_heading{font-size:22px;font-weight:400;line-height:30.05px}.impact_slider_layout.header-top{flex-direction:column}.impact_slider_layout.header-left{align-items:center;flex-direction:row;gap:32px}.impact_slider_layout .impact_slider_container{width:390px}.impact_slider_layout .impact_slider_container .impact_slider_labelname{color:#60697d;display:block;font-size:12px;font-weight:500;margin-bottom:8px;margin-top:8px}.impact_slider_layout .impact_slider_container .impact_slider_main_container{align-items:center;display:flex;gap:16px;position:relative}.impact_slider_layout .impact_slider_container .impact_slider_main_container .impact_slider_threshold_marker{background-color:#e74b1c;border-radius:1px;height:8px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px;z-index:1}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-root{color:#4259ee;height:4px}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-rail{background:#d9dde7;opacity:1}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-thumb:hover{box-shadow:none}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-valueLabel{background-color:#0d152c;color:#fff}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled{pointer-events:none}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled .MuiSlider-root{color:#c3c8d4;height:4px}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled .MuiSlider-rail{background:#c3c8d4;opacity:1}.impact_slider_layout .impact_slider_disabled .MuiSlider-root{color:#d9dde7!important}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7;color:#d9dde7}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root:focus,.impact_slider_layout .impact_slider_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root fieldset{border:none!important}.impact_slider_layout .input_layout_style.ranged form{align-items:center;display:flex}.impact_slider_layout .input_layout_style.ranged form .MuiFormControl-root{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:space-between}.impact_slider_layout .input_layout_style.single form{align-items:center;display:flex;justify-content:center}.impact_slider_layout .input_layout_style.single form .MuiFormControl-root{width:120px}.input-position-inline{align-items:flex-end!important}.input-position-inline .impact_slider_layout{display:flex;gap:24px}.input-position-inline .impact_slider_layout .impact_slider_main_container{flex:1}.input-position-inline .impact_slider_layout .input_layout_style{flex-shrink:0}.input-position-bottom{flex-direction:column}.input-position-bottom .impact_slider_layout{display:flex;gap:16px}.input-position-bottom .impact_slider_layout .impact_slider_main_container{width:100%}.input-position-bottom .impact_slider_layout .input_layout_style{align-self:flex-end}.MuiSlider-thumb,.MuiSlider-thumb:before{box-shadow:none!important}.MuiSlider-thumb:active,.MuiSlider-thumb:hover{box-shadow:none!important;z-index:2}.MuiSlider-thumb.Mui-focusVisible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee)!important;outline:none;transition:box-shadow .15s ease-in-out;z-index:2}.Mui-disabled{pointer-events:none}.Mui-disabled.MuiOutlinedInput-root fieldset,.Mui-disabled.MuiOutlinedInput-root:focus-within fieldset,.Mui-disabled.MuiOutlinedInput-root:hover fieldset{border-color:#e0e0e0!important}.slider-info-message{align-items:center;color:#e15554;display:flex;font-size:12px;gap:6px;height:20px;opacity:1;padding-left:91px;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.slider-info-message.hidden{opacity:0;pointer-events:none;transform:translateY(-4px)}.slider-info-message .slider-info-icon{flex-shrink:0;font-size:14px}.slider-info-message .slider-info-text{font-weight:500;line-height:16px}.slider-info-placeholder{height:20px;width:100%}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/InfoOutlined.js";
 
 import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
 import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput.js";
 import Slider$1 from "../../node_modules/@mui/material/Slider/Slider.js";
+const DEFAULT_BELOW_THRESHOLD_COLOR = "#4259ee";
+const DEFAULT_ABOVE_THRESHOLD_COLOR = "#ED9998";
 function isRangedValue(value) {
   return Array.isArray(value) && value.length === 2;
 }
@@ -19,28 +23,110 @@ function Slider({
   max = 100,
   variant = "default",
   inputPosition = "inline",
+  colorChangeThreshold,
+  valueFormat,
+  messageTimeout = 5e3,
   className,
   id,
   "data-testid": dataTestId,
   ...sliderProps
 }) {
+  const [infoMessage, setInfoMessage] = useState("");
+  const [showInfo, setShowInfo] = useState(false);
+  const [focusedInput, setFocusedInput] = useState(false);
+  const [rightInputFocused, setRightInputFocused] = useState(false);
+  const [formattedValue, setFormattedValue] = useState(
+    Array.isArray(value) ? value.map(String) : String(value)
+  );
   const isRanged = variant === "ranged" && isRangedValue(value);
   const primaryValue = isRangedValue(value) ? value[0] : value;
   const secondaryValue = isRangedValue(value) ? value[1] : value;
+  const { isAboveThreshold, trackSplitPercent, thresholdMarkerLeft } = useMemo(() => {
+    const valueForThresh = Array.isArray(value) ? Math.max(...value) : value;
+    if (colorChangeThreshold == null) {
+      return { isAboveThreshold: false, trackSplitPercent: 0, thresholdMarkerLeft: null };
+    }
+    const ranged = Array.isArray(value) && value.length === 2;
+    const primary = ranged ? value[0] : void 0;
+    const secondary = ranged ? value[1] : void 0;
+    const aboveThresh = valueForThresh > colorChangeThreshold;
+    let split;
+    if (ranged && primary != null && secondary != null) {
+      if (colorChangeThreshold <= primary) split = 0;
+      else if (colorChangeThreshold >= secondary) split = 100;
+      else split = (colorChangeThreshold - primary) / (secondary - primary) * 100;
+    } else {
+      split = aboveThresh && valueForThresh > min ? (colorChangeThreshold - min) / (valueForThresh - min) * 100 : 0;
+    }
+    const markerLeft = colorChangeThreshold > min && colorChangeThreshold < max ? (colorChangeThreshold - min) / (max - min) * 100 : null;
+    return { isAboveThreshold: aboveThresh, trackSplitPercent: split, thresholdMarkerLeft: markerLeft };
+  }, [value, min, max, colorChangeThreshold]);
+  useEffect(() => {
+    if (!valueFormat) return;
+    const [pos, symbol] = valueFormat;
+    const formatSingle = (val) => pos === "left" ? `${symbol}${val}` : `${val}${symbol}`;
+    setFormattedValue(
+      Array.isArray(value) ? value.map((v) => formatSingle(v)) : formatSingle(value)
+    );
+  }, [valueFormat, value]);
+  useEffect(() => {
+    if (showInfo) {
+      const timer = setTimeout(() => {
+        setShowInfo(false);
+      }, messageTimeout);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [showInfo, messageTimeout]);
   const handleInputChange = (e, key) => {
     const inputVal = e.target.value;
-    if (inputVal === "" || Number.isNaN(Number(inputVal))) return;
+    if (showInfo) {
+      setShowInfo(false);
+      setInfoMessage("");
+    }
+    if (inputVal === "" || Number.isNaN(Number(inputVal))) {
+      setInfoMessage("Please enter a valid number");
+      setShowInfo(true);
+      return;
+    }
     const num = Number(inputVal);
     if (key === "min") {
-      if (num < min || isRanged && num > secondaryValue) return;
+      if (num < min) {
+        setInfoMessage(`Value must be at least ${min}`);
+        setShowInfo(true);
+        return;
+      }
+      if (isRanged && num > secondaryValue) {
+        setInfoMessage("Initial value must be less than the maximum value");
+        setShowInfo(true);
+        return;
+      }
       onChange == null ? void 0 : onChange(e, isRanged ? [num, secondaryValue] : num, 0);
     } else if (key === "max") {
-      if (num > max || isRanged && num < primaryValue) return;
+      if (num > max) {
+        setInfoMessage(`Value must not exceed ${max}`);
+        setShowInfo(true);
+        return;
+      }
+      if (isRanged && num < primaryValue) {
+        setInfoMessage("Maximum value must be greater than the initial value");
+        setShowInfo(true);
+        return;
+      }
       onChange == null ? void 0 : onChange(e, isRanged ? [primaryValue, num] : num, 1);
     } else {
       onChange == null ? void 0 : onChange(e, num);
     }
   };
+  const getDisplayValue = (raw, formatted, index) => {
+    if (index != null) {
+      const isFocused = index === 0 ? focusedInput : rightInputFocused;
+      if (!isFocused && valueFormat && Array.isArray(formatted)) return formatted[index];
+      return raw;
+    }
+    if (!focusedInput && valueFormat && typeof formatted === "string") return formatted;
+    return raw;
+  };
   const layoutClass = [
     "impact_slider_layout",
     "slider-container",
@@ -48,66 +134,100 @@ function Slider({
     `input-position-${inputPosition}`,
     className ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { className: layoutClass, "data-testid": dataTestId, id, children: [
-    isRanged && inputPosition === "inline" && /* @__PURE__ */ jsx("div", { className: "input_layout_style ranged ranged-start", children: /* @__PURE__ */ jsx("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
-      OutlinedInput,
-      {
-        disabled,
-        inputProps: { "aria-label": "Minimum value", "data-testid": "slider-input-min" },
-        value: isRanged ? primaryValue : value,
-        onChange: (e) => {
-          handleInputChange(e, isRanged ? "min" : "");
-        }
-      }
-    ) }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "impact_slider_container", children: [
-      header != null && /* @__PURE__ */ jsx("div", { className: "impact_slider_layout_heading", children: header }),
-      label != null && /* @__PURE__ */ jsxs("label", { className: "impact_slider_labelname", children: [
-        label,
-        " ",
-        required && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: `impact_slider_main_container ${disabled ? "impact_slider_disabled" : ""}`, children: /* @__PURE__ */ jsx(
-        Slider$1,
-        {
-          ...sliderProps,
-          disabled,
-          max,
-          min,
-          value,
-          onChange: (_, val, activeThumb) => onChange == null ? void 0 : onChange(_, val, activeThumb),
-          ...isRanged ? { getAriaLabel: (i) => i === 0 ? "Minimum" : "Maximum" } : { "aria-label": "Slider" },
-          valueLabelDisplay: "auto"
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: `input_layout_style ${isRanged ? "ranged" : "single"}`, children: /* @__PURE__ */ jsx("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsxs(FormControl, { children: [
-      (!isRanged || inputPosition === "bottom") && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "slider-container", "data-testid": dataTestId, id, children: [
+    /* @__PURE__ */ jsxs("div", { className: layoutClass, children: [
+      isRanged && inputPosition === "inline" && /* @__PURE__ */ jsx("div", { className: "input_layout_style ranged ranged-start", children: /* @__PURE__ */ jsx("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
         OutlinedInput,
         {
           disabled,
-          inputProps: {
-            "aria-label": isRanged ? "Minimum value" : "Value",
-            "data-testid": "slider-input-value"
-          },
-          value: isRanged ? primaryValue : value,
+          inputProps: { "aria-label": "Minimum value", "data-testid": "slider-input-min" },
+          value: getDisplayValue(primaryValue, formattedValue, 0),
+          onBlur: () => setFocusedInput(false),
           onChange: (e) => {
             handleInputChange(e, isRanged ? "min" : "");
-          }
+          },
+          onFocus: () => setFocusedInput(true)
         }
-      ),
-      isRanged && /* @__PURE__ */ jsx(
-        OutlinedInput,
-        {
-          disabled,
-          inputProps: { "aria-label": "Maximum value", "data-testid": "slider-input-max" },
-          value: secondaryValue,
-          onChange: (e) => {
-            handleInputChange(e, "max");
+      ) }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "impact_slider_container", children: [
+        header != null && /* @__PURE__ */ jsx("div", { className: "impact_slider_layout_heading", children: header }),
+        label != null && /* @__PURE__ */ jsxs("label", { className: "impact_slider_labelname", children: [
+          label,
+          " ",
+          required && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: `impact_slider_main_container ${disabled ? "impact_slider_disabled" : ""}`, children: [
+          colorChangeThreshold != null && thresholdMarkerLeft != null && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "impact_slider_threshold_marker",
+              style: { left: `${thresholdMarkerLeft}%` }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Slider$1,
+            {
+              ...sliderProps,
+              disabled,
+              max,
+              min,
+              sx: isAboveThreshold ? {
+                color: DEFAULT_BELOW_THRESHOLD_COLOR,
+                "& .MuiSlider-track": {
+                  background: `linear-gradient(to right, ${DEFAULT_BELOW_THRESHOLD_COLOR} 0%, ${DEFAULT_BELOW_THRESHOLD_COLOR} ${trackSplitPercent}%, ${DEFAULT_ABOVE_THRESHOLD_COLOR} ${trackSplitPercent}%, ${DEFAULT_ABOVE_THRESHOLD_COLOR} 100%)`,
+                  border: "none",
+                  transition: "none"
+                },
+                "& .MuiSlider-thumb": {
+                  backgroundColor: DEFAULT_BELOW_THRESHOLD_COLOR,
+                  zIndex: 2
+                }
+              } : void 0,
+              value,
+              onChange: (_, val, activeThumb) => onChange == null ? void 0 : onChange(_, val, activeThumb),
+              ...isRanged ? { getAriaLabel: (i) => i === 0 ? "Minimum" : "Maximum" } : { "aria-label": "Slider" },
+              valueLabelDisplay: "auto"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: `input_layout_style ${isRanged ? "ranged" : "single"}`, children: /* @__PURE__ */ jsx("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsxs(FormControl, { children: [
+        (!isRanged || inputPosition === "bottom") && /* @__PURE__ */ jsx(
+          OutlinedInput,
+          {
+            disabled,
+            inputProps: {
+              "aria-label": isRanged ? "Minimum value" : "Value",
+              "data-testid": "slider-input-value"
+            },
+            value: isRanged ? getDisplayValue(primaryValue, formattedValue, 0) : getDisplayValue(primaryValue, formattedValue),
+            onBlur: () => setFocusedInput(false),
+            onChange: (e) => {
+              handleInputChange(e, isRanged ? "min" : "");
+            },
+            onFocus: () => setFocusedInput(true)
           }
-        }
-      )
-    ] }) }) })
+        ),
+        isRanged && /* @__PURE__ */ jsx(
+          OutlinedInput,
+          {
+            disabled,
+            inputProps: { "aria-label": "Maximum value", "data-testid": "slider-input-max" },
+            value: getDisplayValue(secondaryValue, formattedValue, 1),
+            onBlur: () => setRightInputFocused(false),
+            onChange: (e) => {
+              handleInputChange(e, "max");
+            },
+            onFocus: () => setRightInputFocused(true)
+          }
+        )
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `slider-info-message ${!showInfo ? "hidden" : ""}`, children: showInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(default_1, { className: "slider-info-icon" }),
+      /* @__PURE__ */ jsx("span", { className: "slider-info-text", children: infoMessage })
+    ] }) })
   ] });
 }
 Slider.displayName = "Slider";

package/dist/components/Stepper/Stepper.types.d.ts

@@ -1,9 +1,16 @@
+import { ReactNode } from 'react';
 import { BaseComponentProps } from '../../types';
 import { StepperProps as MUIStepperProps } from '@mui/material/Stepper';
 
+export interface StepStatusConfig {
+    label: string;
+    color?: string;
+    icon?: ReactNode;
+}
 export interface StepperStep {
     label: string;
     description?: string;
+    statusConfig?: StepStatusConfig;
 }
 export interface StepperProps extends BaseComponentProps, Omit<MUIStepperProps, 'children' | 'variant'> {
     steps: StepperStep[];

package/dist/components/Stepper/Stepper.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7E,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YACf,SAAQ,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC;IACzE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wFAAwF;IACxF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB"}
+{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,MAAM,WAAW,YACf,SAAQ,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC;IACzE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wFAAwF;IACxF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB"}

package/dist/components/Stepper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AA4E/B,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,UAAU,EACV,OAAmB,EACnB,GAAG,IAAI,EACR,EAAE,YAAY,2CAcd;yBArBe,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAgG/B,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,UAAU,EACV,OAAmB,EACnB,GAAG,IAAI,EACR,EAAE,YAAY,2CAcd;yBArBe,OAAO"}

package/dist/components/Stepper/index.js

@@ -1,5 +1,6 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:8px;color:#3bb273;height:24px;position:relative;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:3px;padding:10px 15px 10px 12px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-vertical.svg) no-repeat;background-size:contain;content:" ";height:25px;margin-left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:5px}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-disabled){background:#eff2fa;border:1px solid #eff2fa!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsx } from "react/jsx-runtime";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:8px;color:#3bb273;height:24px;position:relative;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:3px;padding:10px 15px 10px 12px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-vertical.svg) no-repeat;background-size:contain;content:" ";height:25px;margin-left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:5px}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-disabled){background:#eff2fa;border:1px solid #eff2fa!important}.ia-styles.ia-stepper .css-14sza3e-MuiStepLabel-root{padding:0!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-styles.ia-stepper.numbered .numbered-steps{align-items:center;display:flex;gap:16px;margin-bottom:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step.active{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.numbered .numbered-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";height:2px;position:absolute;right:-16px;width:16px}.ia-styles.ia-stepper.labeled .labeled-steps{align-items:center;display:flex;gap:24px;margin-bottom:32px}.ia-styles.ia-stepper.labeled .labeled-steps .step{align-items:center;display:flex;gap:8px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-number{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-label{color:#666;font-size:14px;transition:color .3s ease}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-number{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-label{color:#1a1a1a;font-weight:600}.ia-styles.ia-stepper.labeled .labeled-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";display:block;height:1px;margin-left:8px;width:24px}.ia-styles.ia-stepper .status-config{flex:1}.ia-styles.ia-stepper .status-config .MuiStepLabel-label{align-items:center;display:flex;justify-content:space-between;max-width:none!important}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "../Badge/index.js";
 
 import Stepper$1 from "../../node_modules/@mui/material/Stepper/Stepper.js";
 import Step from "../../node_modules/@mui/material/Step/Step.js";
@@ -25,13 +26,40 @@ function DefaultStepper({
       sx: { width },
       variant: muiVariant,
       ...args,
-      children: steps.length > 0 && steps.map((step, index) => /* @__PURE__ */ jsx(Step, { onClick: () => handleStep == null ? void 0 : handleStep(index), children: /* @__PURE__ */ jsx(
-        StepLabel,
+      children: steps.length > 0 && steps.map((step, index) => /* @__PURE__ */ jsx(
+        Step,
         {
-          optional: step.description ? /* @__PURE__ */ jsx(Typography, { variant: "caption", children: step.description }) : null,
-          children: step.label
-        }
-      ) }, step.label))
+          tabIndex: handleStep ? 0 : -1,
+          onClick: () => handleStep == null ? void 0 : handleStep(index),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleStep == null ? void 0 : handleStep(index);
+            }
+          },
+          children: /* @__PURE__ */ jsxs(
+            StepLabel,
+            {
+              className: step.statusConfig ? "status-config" : "",
+              optional: step.description ? /* @__PURE__ */ jsx(Typography, { variant: "caption", children: step.description }) : null,
+              children: [
+                step.label,
+                step.statusConfig && /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    color: step.statusConfig.color,
+                    icon: step.statusConfig.icon,
+                    isIcon: !!step.statusConfig.icon,
+                    label: step.statusConfig.label,
+                    variant: "subtle"
+                  }
+                )
+              ]
+            }
+          )
+        },
+        step.label
+      ))
     }
   );
 }
@@ -45,7 +73,7 @@ function ProgressStepper({
     {
       className: `step ${index === activeStep ? "active" : ""} ${index < activeStep ? "completed" : ""}`,
       role: "button",
-      tabIndex: 0,
+      tabIndex: handleStep ? 0 : -1,
       onClick: () => handleStep == null ? void 0 : handleStep(index),
       onKeyDown: (e) => {
         if (e.key === "Enter" || e.key === " ") {
@@ -75,7 +103,7 @@ function Stepper({
       handleStep,
       orientation,
       steps,
-      variant,
+      variant: variant === "mui" ? "default" : variant,
       ...args
     }
   );

package/dist/components/Switch/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".ia-styles.ia-switch-container{align-items:center;display:flex;gap:6px}.ia-styles.ia-switch-container .ia-switch-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:17.5px;text-align:left}.ia-styles.ia-switch-container .ia-switch-label.ia-switch-disabled{color:#b4bac7}.ia-styles.ia-switch{height:16px;padding:0;position:relative;width:24px}.ia-styles.ia-switch .MuiButtonBase-root.MuiSwitch-switchBase{background-color:initial!important}.ia-styles.ia-switch .MuiSwitch-thumb{box-shadow:none;color:#c3c8d4;height:10px;left:15px;position:absolute;top:3px;width:10px}.ia-styles.ia-switch .Mui-checked{color:#4259ee!important;transform:translate(10px)}.ia-styles.ia-switch .Mui-checked .MuiSwitch-thumb{color:#4259ee;left:13px}.ia-styles.ia-switch .Mui-checked:not(.Mui-disabled)+.MuiSwitch-track{background-color:#eceefd!important;border:1px solid #b3bdf8}.ia-styles.ia-switch .MuiButtonBase-root{bottom:0;color:#b4bac7;left:-12px;margin:auto;padding:0;position:absolute;top:0;width:24px}.ia-styles.ia-switch .MuiSwitch-track{background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;height:16px;opacity:1;width:24px}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#d9dde7}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#f8f9fb!important;border-color:1px solid #d9dde7}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase.Mui-checked.Mui-disabled .MuiSwitch-thumb{color:#b3bdf8}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase.Mui-checked.Mui-disabled+.MuiSwitch-track{background-color:#eceefd!important}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".ia-styles.ia-switch-container{align-items:center;display:flex;gap:6px}.ia-styles.ia-switch-container .ia-switch-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:17.5px;text-align:left}.ia-styles.ia-switch-container .ia-switch-label.ia-switch-disabled{color:#b4bac7}.ia-styles.ia-switch{height:16px;padding:0;position:relative;width:24px}.ia-styles.ia-switch:has(.Mui-focusVisible){box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-switch .MuiButtonBase-root.MuiSwitch-switchBase{background-color:initial!important}.ia-styles.ia-switch .MuiSwitch-thumb{box-shadow:none;color:#c3c8d4;height:10px;left:15px;position:absolute;top:3px;width:10px}.ia-styles.ia-switch .Mui-checked{color:#4259ee!important;transform:translate(10px)}.ia-styles.ia-switch .Mui-checked .MuiSwitch-thumb{color:#4259ee;left:13px}.ia-styles.ia-switch .Mui-checked:not(.Mui-disabled)+.MuiSwitch-track{background-color:#eceefd!important;border:1px solid #b3bdf8}.ia-styles.ia-switch .MuiButtonBase-root{bottom:0;color:#b4bac7;left:-12px;margin:auto;padding:0;position:absolute;top:0;width:24px}.ia-styles.ia-switch .MuiSwitch-track{background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;height:16px;opacity:1;width:24px}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#d9dde7}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#f8f9fb!important;border-color:1px solid #d9dde7}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase.Mui-checked.Mui-disabled .MuiSwitch-thumb{color:#b3bdf8}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase.Mui-checked.Mui-disabled+.MuiSwitch-track{background-color:#eceefd!important}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 

package/dist/components/Table/TableImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableImpl.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableImpl.tsx"],"names":[],"mappings":"AAaA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAe7B,eAAO,MAAM,KAAK,mFAwgEjB,CAAC"}
+{"version":3,"file":"TableImpl.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableImpl.tsx"],"names":[],"mappings":"AAaA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAgB7B,eAAO,MAAM,KAAK,mFAwhEjB,CAAC"}