impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/Sidebar/index.js

@@ -0,0 +1,161 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.impact-sidebar-container{background-color:#0d152c;color:#fff;height:100%;left:0;min-height:100vh;overflow:hidden;padding:12px;position:fixed;top:0;transition:all .2s ease-in;width:64px;z-index:1200}.impact-sidebar-container .impact-sidebar-toggle-btns{display:flex;justify-content:flex-start}.impact-sidebar-container .impact-sidebar-routes-list{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:34px -12px 0;max-height:calc(100% - 200px);overflow-y:auto;scrollbar-width:none}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item-link{color:#fff;text-decoration:none;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item{align-items:center;display:flex;flex-shrink:0;gap:24px;height:48px;overflow:hidden;padding:14px 20px;position:relative;transition:all .2s ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:before{background-color:#3bb273;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:0;transition:height .2s linear;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal{transition:all .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .indicator-turn-up{transform:rotate(-90deg)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label-text{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-list .route-active{background-color:#1f2b4d}.impact-sidebar-container .impact-sidebar-routes-list .route-active:before{height:100%}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled{color:#7a8294;pointer-events:none}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled svg{color:#7a8294}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children{align-items:flex-start;display:flex;flex-direction:column;height:0;margin-top:8px;opacity:0;overflow:hidden;padding-left:24px;position:relative;transition:all .2s ease-in;visibility:hidden}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children:before{background-color:#1f2b4d;border-radius:0 4px 4px 0;content:"";height:var(--before-height);left:24px;position:absolute;top:0;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{align-items:center;display:flex;flex-shrink:0;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-iconsvg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-label{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-hidden-list{height:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out;visibility:hidden}.impact-sidebar-container .show-hidden-menu{height:100%;opacity:1;visibility:visible}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon{align-items:center;display:flex;flex-shrink:0;gap:20px;height:48px;overflow:hidden;padding:14px 20px;transition:width 50ms ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon svg{color:#3bb273;transition:transform .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon span{flex-shrink:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .show-hidden-menu-icon svg{transform:rotate(-180deg)}.impact-sidebar-container .impact-sidebar-actions-container{bottom:0;display:flex;flex-direction:column;justify-content:center;margin:0 -12px;position:absolute;width:inherit}.impact-sidebar-container .impact-sidebar-actions-container:before{background-color:#31416e;content:"";height:1px;left:0;position:absolute;top:-12px;width:100%}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-routes-list{margin:0}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item{align-items:center;display:flex;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item .impact-sidebar-actions-list-item-label{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .impact-sidebar-actions-container .logout-container{color:#3bb273}.impact-sidebar-container .impact-sidebar-actions-container .logout-container:hover{background-color:#31416e;cursor:pointer}.impact-sidebar-container .impact-sidebar-actions-container .logout-container .logout-container-img{width:20px}.sidebar-open{width:280px}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item-children-indicator-horizontal{transform:rotate(90deg)}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-hidden-list-icon{width:100%}.sidebar-open .impact-sidebar-routes-list .child-route-visible{height:var(--before-height);min-height:var(--before-height);opacity:1;visibility:visible}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:hover{background-color:#31416e;cursor:pointer}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:before{background-color:#3bb273;content:"";height:0;left:1px;position:absolute;top:0;width:3px}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active{color:#3bb273;cursor:pointer;position:relative}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon svg{color:#3bb273}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(52%) sepia(87%) saturate(322%) hue-rotate(96deg) brightness(97%) contrast(86%)}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active:before{animation:childAnimation 1s forwards}@keyframes childAnimation{0%{height:0}to{height:100%}}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled{color:#7a8294;pointer-events:none}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled svg{color:#7a8294}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.sidebar-open .impact-sidebar-actions-container:before{left:12px;width:calc(100% - 24px)}.sidebar-open .impact-sidebar-actions-container .impact-sidebar-actions-list-item{gap:22px;width:100%}.impact-sidebar-toggle-btns:hover{cursor:pointer}')),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useCallback, useEffect } from "react";
+import { MemoryRouter } from "react-router-dom";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { SidebarActions } from "./SidebarActions.js";
+import { SidebarMenus } from "./SidebarMenus.js";
+import { useShortcut } from "../Shortcuts/useShortcut.js";
+
+const HamburgerClose = getAssetUrl("icons/collapse-icon.svg");
+const HamburgerOpen = getAssetUrl("icons/hamburger-close.svg");
+function Sidebar({
+  isOpen,
+  setIsOpen,
+  handleClose,
+  routes,
+  actionRoutes,
+  parentActive,
+  handleParentRouteChange,
+  childActive,
+  handleChildRouteChange,
+  handleLogOut,
+  isCloseWhenClickOutside = true,
+  isMemoryRouter = true,
+  visibleModulesCount,
+  className,
+  id,
+  "data-testid": dataTestId
+}) {
+  const sidebarRef = useRef(null);
+  const prevFocusRef = useRef(null);
+  const handleToggle = useCallback(() => {
+    if (!isOpen) {
+      prevFocusRef.current = document.activeElement;
+    } else {
+      setTimeout(() => {
+        var _a;
+        (_a = prevFocusRef.current) == null ? void 0 : _a.focus();
+      }, 0);
+    }
+    handleClose();
+  }, [isOpen, handleClose]);
+  useShortcut(
+    [
+      {
+        keys: "mod+b",
+        id: "sidebar-toggle-mod-b",
+        description: "Toggle sidebar",
+        handler: handleToggle
+      },
+      {
+        keys: "alt+s",
+        id: "sidebar-focus-alt-s",
+        description: "Focus sidebar navigation",
+        handler: () => {
+          if (!isOpen) {
+            prevFocusRef.current = document.activeElement;
+            handleClose();
+          }
+          setTimeout(() => {
+            var _a;
+            const firstItem = (_a = sidebarRef.current) == null ? void 0 : _a.querySelector(
+              "[data-sidebar-item]:not([data-disabled])"
+            );
+            firstItem == null ? void 0 : firstItem.focus();
+          }, 50);
+        }
+      },
+      {
+        keys: "alt+l",
+        id: "sidebar-logout-alt-l",
+        description: "Log out",
+        handler: () => {
+          handleLogOut();
+        }
+      }
+    ],
+    {
+      namespace: "Sidebar",
+      priority: 1,
+      preventDefault: true
+    }
+  );
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (sidebarRef.current && !sidebarRef.current.contains(event.target) && isCloseWhenClickOutside && isOpen) {
+        handleClose();
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen, isCloseWhenClickOutside, handleClose]);
+  const nav = /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref: sidebarRef,
+      "aria-label": "Main navigation",
+      className: `impact-sidebar-container ${isOpen ? "sidebar-open" : ""} ${className ?? ""}`.trim(),
+      "data-testid": dataTestId,
+      id,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "impact-sidebar-toggle-btns",
+            role: "button",
+            tabIndex: 0,
+            onClick: handleClose,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                handleClose();
+              }
+            },
+            children: /* @__PURE__ */ jsx("img", { alt: "", src: isOpen ? HamburgerClose : HamburgerOpen })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SidebarMenus,
+          {
+            childActive,
+            handleChildRouteChange,
+            handleParentRouteChange,
+            isMemoryRouter,
+            isOpen,
+            parentActive,
+            routes,
+            setIsOpen,
+            visibleModulesCount
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "impact-sidebar-actions-container", children: [
+          actionRoutes && actionRoutes.length > 0 ? /* @__PURE__ */ jsx(
+            SidebarMenus,
+            {
+              childActive,
+              handleChildRouteChange,
+              handleParentRouteChange,
+              isMemoryRouter,
+              isOpen,
+              parentActive,
+              routes: actionRoutes,
+              setIsOpen
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(SidebarActions, { handleLogOut, open: isOpen })
+        ] })
+      ]
+    }
+  );
+  if (isMemoryRouter) {
+    return /* @__PURE__ */ jsx(MemoryRouter, { children: nav });
+  }
+  return nav;
+}
+Sidebar.displayName = "Sidebar";
+export {
+  Sidebar
+};

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { BaseComponentProps } from '../../types';
+import { SliderProps as MUISliderProps } from '@mui/material/Slider';
+
+export type SliderHeaderOrientation = 'top' | 'left';
+export type SliderVariant = 'default' | 'ranged';
+export type SliderInputPosition = 'inline' | 'bottom';
+/**
+ * Slider props. Extends MUI SliderProps with custom header, label, and optional range inputs.
+ */
+export interface SliderProps extends BaseComponentProps, Omit<MUISliderProps, 'value' | 'onChange'> {
+    /** Orientation of the header (and optional label) relative to the slider */
+    headerOrientation?: SliderHeaderOrientation;
+    /** Optional header text above or beside the slider */
+    header?: ReactNode;
+    /** Optional label (e.g. field label) */
+    label?: ReactNode;
+    /** Placeholder for the optional number inputs (not used in current layout) */
+    inputPlaceholder?: string;
+    /** Current value: number for single, [min, max] for ranged variant */
+    value?: number | number[];
+    /** Called when value changes (from slider or inputs). MUI signature: (event, value, activeThumb) */
+    onChange?: (event: Event, value: number | number[], activeThumb?: number) => void;
+    /** Show required indicator next to label */
+    required?: boolean;
+    /** Disable slider and inputs */
+    disabled?: boolean;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** 'default' for single thumb, 'ranged' for range slider */
+    variant?: SliderVariant;
+    /** Position of the optional number inputs: 'inline' (beside slider) or 'bottom' */
+    inputPosition?: SliderInputPosition;
+}
+//# sourceMappingURL=Slider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,kBAAkB,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IACtE,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,oGAAoG;IACpG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mFAAmF;IACnF,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC"}

package/dist/components/Slider/index.d.ts

@@ -0,0 +1,11 @@
+import { SliderProps } from './Slider.types';
+
+export type { SliderProps, SliderHeaderOrientation, SliderVariant, SliderInputPosition, } from './Slider.types';
+/**
+ * Slider with optional header, label, and range inputs. Wraps MUI Slider; supports single and ranged variants.
+ */
+export declare function Slider({ headerOrientation, header, label, value, onChange, required, disabled, min, max, variant, inputPosition, className, id, 'data-testid': dataTestId, ...sliderProps }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Slider {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAMxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAyB,EACzB,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CAsGb;yBAtHe,MAAM"}

package/dist/components/Slider/index.js

@@ -0,0 +1,116 @@
+!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";
+
+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";
+function isRangedValue(value) {
+  return Array.isArray(value) && value.length === 2;
+}
+function Slider({
+  headerOrientation = "top",
+  header,
+  label,
+  value = 0,
+  onChange,
+  required,
+  disabled,
+  min = 0,
+  max = 100,
+  variant = "default",
+  inputPosition = "inline",
+  className,
+  id,
+  "data-testid": dataTestId,
+  ...sliderProps
+}) {
+  const isRanged = variant === "ranged" && isRangedValue(value);
+  const primaryValue = isRangedValue(value) ? value[0] : value;
+  const secondaryValue = isRangedValue(value) ? value[1] : value;
+  const handleInputChange = (e, key) => {
+    const inputVal = e.target.value;
+    if (inputVal === "" || Number.isNaN(Number(inputVal))) return;
+    const num = Number(inputVal);
+    if (key === "min") {
+      if (num < min || isRanged && num > secondaryValue) return;
+      onChange == null ? void 0 : onChange(e, isRanged ? [num, secondaryValue] : num, 0);
+    } else if (key === "max") {
+      if (num > max || isRanged && num < primaryValue) return;
+      onChange == null ? void 0 : onChange(e, isRanged ? [primaryValue, num] : num, 1);
+    } else {
+      onChange == null ? void 0 : onChange(e, num);
+    }
+  };
+  const layoutClass = [
+    "impact_slider_layout",
+    "slider-container",
+    headerOrientation === "top" ? "header-top" : "header-left",
+    `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(
+        OutlinedInput,
+        {
+          disabled,
+          inputProps: {
+            "aria-label": isRanged ? "Minimum value" : "Value",
+            "data-testid": "slider-input-value"
+          },
+          value: isRanged ? primaryValue : value,
+          onChange: (e) => {
+            handleInputChange(e, isRanged ? "min" : "");
+          }
+        }
+      ),
+      isRanged && /* @__PURE__ */ jsx(
+        OutlinedInput,
+        {
+          disabled,
+          inputProps: { "aria-label": "Maximum value", "data-testid": "slider-input-max" },
+          value: secondaryValue,
+          onChange: (e) => {
+            handleInputChange(e, "max");
+          }
+        }
+      )
+    ] }) }) })
+  ] });
+}
+Slider.displayName = "Slider";
+export {
+  Slider
+};

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

@@ -0,0 +1,17 @@
+import { BaseComponentProps } from '../../types';
+import { StepperProps as MUIStepperProps } from '@mui/material/Stepper';
+
+export interface StepperStep {
+    label: string;
+    description?: string;
+}
+export interface StepperProps extends BaseComponentProps, Omit<MUIStepperProps, 'children' | 'variant'> {
+    steps: StepperStep[];
+    activeStep: number;
+    orientation?: 'horizontal' | 'vertical';
+    handleStep?: (index: number) => void;
+    /** 'default' | 'progress' | 'mui' (our API) or MUI Paper variant for default stepper */
+    variant?: 'default' | 'progress' | 'mui' | MUIStepperProps['variant'];
+    width?: string | number;
+}
+//# sourceMappingURL=Stepper.types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { StepperProps } from './Stepper.types';
+
+export declare function Stepper({ steps, activeStep, orientation, handleStep, variant, ...args }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Stepper {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Stepper/index.js

@@ -0,0 +1,86 @@
+!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";
+
+import Stepper$1 from "../../node_modules/@mui/material/Stepper/Stepper.js";
+import Step from "../../node_modules/@mui/material/Step/Step.js";
+import StepLabel from "../../node_modules/@mui/material/StepLabel/StepLabel.js";
+import Typography from "../../node_modules/@mui/material/Typography/Typography.js";
+const MUI_VARIANTS = ["elevation", "outlined"];
+function DefaultStepper({
+  steps,
+  activeStep,
+  orientation,
+  handleStep,
+  width = "100%",
+  variant,
+  ...args
+}) {
+  const muiVariant = variant && MUI_VARIANTS.includes(variant) ? variant : void 0;
+  return /* @__PURE__ */ jsx(
+    Stepper$1,
+    {
+      activeStep,
+      className: "ia-styles ia-stepper ia-stepper-horizontal",
+      orientation: orientation ?? "horizontal",
+      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,
+        {
+          optional: step.description ? /* @__PURE__ */ jsx(Typography, { variant: "caption", children: step.description }) : null,
+          children: step.label
+        }
+      ) }, step.label))
+    }
+  );
+}
+function ProgressStepper({
+  steps,
+  activeStep,
+  handleStep
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "ia-styles ia-stepper progress", children: /* @__PURE__ */ jsx("div", { className: "progress-steps", children: steps.map((step, index) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `step ${index === activeStep ? "active" : ""} ${index < activeStep ? "completed" : ""}`,
+      role: "button",
+      tabIndex: 0,
+      onClick: () => handleStep == null ? void 0 : handleStep(index),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleStep == null ? void 0 : handleStep(index);
+        }
+      }
+    },
+    step.label
+  )) }) });
+}
+function Stepper({
+  steps,
+  activeStep,
+  orientation = "horizontal",
+  handleStep,
+  variant = "default",
+  ...args
+}) {
+  if (variant === "progress") {
+    return /* @__PURE__ */ jsx(ProgressStepper, { activeStep, handleStep, steps });
+  }
+  return /* @__PURE__ */ jsx(
+    DefaultStepper,
+    {
+      activeStep,
+      handleStep,
+      orientation,
+      steps,
+      variant,
+      ...args
+    }
+  );
+}
+Stepper.displayName = "Stepper";
+export {
+  Stepper
+};

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

@@ -0,0 +1,76 @@
+import { SwitchProps as MUISwitchProps } from '@mui/material/Switch';
+import { BaseComponentProps } from '../../types';
+
+export interface SwitchProps extends Omit<BaseComponentProps, 'children'>, Omit<MUISwitchProps, 'checked' | 'value'> {
+    /**
+     * The current state of the switch (on/off).
+     * When true, the switch is in the "on" position.
+     * This is a controlled component - you must manage this state externally.
+     * @example
+     * const [enabled, setEnabled] = useState(false);
+     *
+     * <Switch
+     *   value={enabled}
+     *   onChange={(e) => setEnabled(e.target.checked)}
+     * />
+     */
+    value?: boolean;
+    /**
+     * Optional label displayed on the left side of the switch.
+     * Useful for labeling the "off" state or providing context.
+     * The label color changes based on the switch state.
+     * @example
+     * <Switch leftLabel="Off" rightLabel="On" value={isEnabled} />
+     * <Switch leftLabel="Disabled" value={false} />
+     */
+    leftLabel?: string;
+    /**
+     * Optional label displayed on the right side of the switch.
+     * Useful for labeling the "on" state or providing context.
+     * The label color changes based on the switch state.
+     * @example
+     * <Switch rightLabel="Enable notifications" value={notifications} />
+     * <Switch leftLabel="No" rightLabel="Yes" value={answer} />
+     */
+    rightLabel?: string;
+    /**
+     * When true, the switch is non-interactive and displays in a muted style.
+     * The visual state (on/off) is preserved but cannot be changed.
+     * @default false
+     * @example
+     * <Switch
+     *   value={true}
+     *   disabled
+     *   rightLabel="Feature locked"
+     * />
+     */
+    disabled?: boolean;
+    /**
+     * Callback function triggered when the switch state changes.
+     * Receives the standard React change event.
+     * @param event - The change event from the underlying input element
+     * @example
+     * const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+     *   setEnabled(event.target.checked);
+     * };
+     *
+     * <Switch value={enabled} onChange={handleChange} />
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Accessible label for screen readers.
+     * Required when no visible label is provided via leftLabel or rightLabel.
+     * @example
+     * <Switch value={darkMode} onChange={toggleDarkMode} aria-label="Toggle dark mode" />
+     */
+    'aria-label'?: string;
+    /**
+     * ID of an element that labels the switch for accessibility.
+     * Use when the label is rendered separately from the component.
+     * @example
+     * <label id="notifications-label">Email Notifications</label>
+     * <Switch value={notifications} aria-labelledby="notifications-label" />
+     */
+    'aria-labelledby'?: string;
+}
+//# sourceMappingURL=Switch.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,CAAC;IACvF;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEhE;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,29 @@
+import { SwitchProps } from './Switch.types';
+
+/**
+ * Switch component for toggling between two states (on/off).
+ * Supports optional labels on either side of the switch.
+ * Meets WCAG 2.1 Level AA accessibility standards.
+ *
+ * @example
+ * // Basic switch
+ * const [enabled, setEnabled] = useState(false);
+ * <Switch value={enabled} onChange={(e) => setEnabled(e.target.checked)} />
+ *
+ * // Switch with labels
+ * <Switch
+ *   value={notifications}
+ *   leftLabel="Off"
+ *   rightLabel="On"
+ *   onChange={handleChange}
+ * />
+ *
+ * // Switch with right label only
+ * <Switch
+ *   value={darkMode}
+ *   rightLabel="Enable dark mode"
+ *   onChange={toggleDarkMode}
+ * />
+ */
+export declare const Switch: import('react').ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM,wHAwFlB,CAAC"}