impact-ui 4.0.6 → 4.0.7-alpha.1

package/dist/components/Input/HelperText.d.ts

@@ -1,8 +0,0 @@
-import { HelperTextProps } from './Input.types';
-
-/**
- * Helper text component that shows different text based on input focus state
- */
-declare function HelperText({ helper, focusedText }: HelperTextProps): import("react/jsx-runtime").JSX.Element;
-export default HelperText;
-//# sourceMappingURL=HelperText.d.ts.map

package/dist/components/Input/HelperText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../src/components/Input/HelperText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,eAAe,2CAY3D;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Input/HelperText.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import useFormControl from "../../node_modules/@mui/material/FormControl/useFormControl.js";
-import FormHelperText from "../../node_modules/@mui/material/FormHelperText/FormHelperText.js";
-function HelperText({ helper, focusedText }) {
-  const formControlContext = useFormControl();
-  const focused = (formControlContext == null ? void 0 : formControlContext.focused) ?? false;
-  const helperText = useMemo(() => {
-    if (focused && focusedText) {
-      return focusedText;
-    }
-    return helper;
-  }, [focused, focusedText, helper]);
-  return /* @__PURE__ */ jsx(FormHelperText, { children: helperText });
-}
-export {
-  HelperText as default
-};

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

@@ -1,151 +0,0 @@
-import { ReactNode } from 'react';
-import { OutlinedInputProps } from '@mui/material/OutlinedInput';
-import { BaseComponentProps } from '../../types';
-
-/**
- * Input size variants
- */
-export type InputSize = 'small' | 'medium' | 'large';
-export interface InputProps extends Omit<BaseComponentProps, 'children'>, Omit<OutlinedInputProps, 'size' | 'error'> {
-    /**
-     * Label text displayed above the input field.
-     * @example
-     * <Input label="Email Address" />
-     */
-    label?: string;
-    /**
-     * When true, displays a red asterisk (*) next to the label indicating the field is required.
-     * This is for visual indication only - add HTML required attribute for form validation.
-     * @default false
-     * @example
-     * <Input label="Name" isRequired />
-     */
-    isRequired?: boolean;
-    /**
-     * Icon element displayed on the left side of the input.
-     * When provided, the input automatically uses the icon-enhanced layout.
-     * @example
-     * import SearchIcon from '@mui/icons-material/Search';
-     * <Input leftIcon={<SearchIcon />} />
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Icon element displayed on the right side of the input.
-     * When provided, the input automatically uses the icon-enhanced layout.
-     * @example
-     * import VisibilityIcon from '@mui/icons-material/Visibility';
-     * <Input type="password" rightIcon={<VisibilityIcon />} />
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Click handler for the left icon.
-     * @example
-     * <Input leftIcon={<SearchIcon />} leftIconClick={() => performSearch()} />
-     */
-    leftIconClick?: () => void;
-    /**
-     * Click handler for the right icon.
-     * @example
-     * <Input rightIcon={<ClearIcon />} rightIconClick={() => clearInput()} />
-     */
-    rightIconClick?: () => void;
-    /**
-     * Helper text displayed below the input field.
-     * Useful for providing hints, validation messages, or additional context.
-     * Requires isHelperText to be true.
-     * @example
-     * <Input helperText="Enter a valid email address" isHelperText />
-     */
-    helperText?: string;
-    /**
-     * When true, displays the helperText below the input.
-     * @default false
-     * @example
-     * <Input helperText="Maximum 100 characters" isHelperText />
-     */
-    isHelperText?: boolean;
-    /**
-     * Helper text displayed when the input is focused.
-     * Replaces helperText temporarily while the input has focus.
-     * @example
-     * <Input
-     *   helperText="Enter your password"
-     *   focusedText="Minimum 8 characters required"
-     *   isHelperText
-     * />
-     */
-    focusedText?: string;
-    /**
-     * When true, displays the input in an error state with red styling.
-     * Use for validation errors.
-     * @default false
-     * @example
-     * <Input isError helperText="Invalid email format" isHelperText />
-     */
-    isError?: boolean;
-    /**
-     * When true, disables the input field.
-     * @default false
-     * @example
-     * <Input isDisabled value="Cannot edit" />
-     */
-    isDisabled?: boolean;
-    /**
-     * HTML for attribute to associate the label with the input.
-     * Should match the id of the input for accessibility.
-     * @example
-     * <Input label="Email" htmlFor="email-input" id="email-input" />
-     */
-    htmlFor?: string;
-    /**
-     * When true, allows icon clicks even when the input is disabled.
-     * Useful for actions like showing password or clearing the field.
-     * @default false
-     * @example
-     * <Input
-     *   isDisabled
-     *   rightIcon={<VisibilityIcon />}
-     *   rightIconClick={toggleVisibility}
-     *   iconClickOnDisabled
-     * />
-     */
-    iconClickOnDisabled?: boolean;
-    /**
-     * Size of the input field.
-     * - 'small': 24px height
-     * - 'medium': 28px height
-     * - 'large': 32px height (default)
-     * @default 'large'
-     * @example
-     * <Input size="small" placeholder="Compact input" />
-     */
-    size?: InputSize;
-    /**
-     * Autocomplete attribute for browser autofill behavior.
-     * @example
-     * <Input autoComplete="email" />
-     */
-    autoComplete?: string;
-}
-/**
- * Props for the internal VanillaInput component
- */
-export type VanillaInputProps = Omit<InputProps, 'leftIcon' | 'rightIcon' | 'leftIconClick' | 'rightIconClick' | 'iconClickOnDisabled'>;
-/**
- * Props for the internal InputWithIcon component
- */
-export type InputWithIconProps = InputProps;
-/**
- * Props for the HelperText component
- */
-export interface HelperTextProps {
-    /**
-     * Default helper text to display
-     */
-    helper?: string;
-    /**
-     * Text to display when input is focused
-     */
-    focusedText?: string;
-}
-//# sourceMappingURL=Input.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC;IACxF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;;OAWG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,UAAU,EACV,UAAU,GAAG,WAAW,GAAG,eAAe,GAAG,gBAAgB,GAAG,qBAAqB,CACtF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/Input/InputWithIcon.d.ts

@@ -1,7 +0,0 @@
-import { InputWithIconProps } from './Input.types';
-
-/**
- * Input with left and/or right icons
- */
-export default function InputWithIcon({ label, isRequired, leftIcon, leftIconClick, rightIcon, rightIconClick, isError, isDisabled, helperText, isHelperText, focusedText, htmlFor, iconClickOnDisabled, size, className, id, 'data-testid': dataTestId, inputProps, ...args }: InputWithIconProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InputWithIcon.d.ts.map

package/dist/components/Input/InputWithIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputWithIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,OAAe,EACf,UAAkB,EAClB,UAAU,EACV,YAAoB,EACpB,WAAW,EACX,OAAO,EACP,mBAA2B,EAC3B,IAAc,EACd,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA6FpB"}

package/dist/components/Input/InputWithIcon.js

@@ -1,103 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import HelperText from "./HelperText.js";
-import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
-import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput.js";
-function InputWithIcon({
-  label,
-  isRequired = false,
-  leftIcon,
-  leftIconClick,
-  rightIcon,
-  rightIconClick,
-  isError = false,
-  isDisabled = false,
-  helperText,
-  isHelperText = false,
-  focusedText,
-  htmlFor,
-  iconClickOnDisabled = false,
-  size = "large",
-  className = "",
-  id,
-  "data-testid": dataTestId,
-  inputProps,
-  ...args
-}) {
-  const inputId = id ?? htmlFor;
-  const labelFor = htmlFor ?? id;
-  const getContainerClass = () => {
-    let baseClass = `impact_inputbox_container_with_icons ${size} ${className}`;
-    if (isError) {
-      baseClass += " input-with-error";
-    } else if (isDisabled) {
-      baseClass += " input-with-disabled";
-      if (iconClickOnDisabled) {
-        baseClass += " icon-click-on-disabled";
-      }
-    }
-    return baseClass.trim();
-  };
-  const handleLeftIconClick = () => {
-    if (!isDisabled || iconClickOnDisabled) {
-      leftIconClick == null ? void 0 : leftIconClick();
-    }
-  };
-  const handleRightIconClick = () => {
-    if (!isDisabled || iconClickOnDisabled) {
-      rightIconClick == null ? void 0 : rightIconClick();
-    }
-  };
-  const renderIconWrapper = (icon, side, iconClick, handleClick) => {
-    const className2 = side === "left" ? "left-input-icon" : "right-input-icon";
-    if (!iconClick) {
-      return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: className2, children: icon });
-    }
-    const isIconDisabled = isDisabled && !iconClickOnDisabled;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-label": `${side === "left" ? "Left" : "Right"} icon action`,
-        className: className2,
-        role: "button",
-        tabIndex: isIconDisabled ? -1 : 0,
-        onClick: handleClick,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            handleClick();
-          }
-        },
-        children: icon
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs(FormControl, { className: getContainerClass(), children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor: labelFor, children: [
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "impact-input-wrapper", children: [
-      leftIcon && renderIconWrapper(leftIcon, "left", leftIconClick, handleLeftIconClick),
-      /* @__PURE__ */ jsx(
-        OutlinedInput,
-        {
-          ...args,
-          "aria-invalid": isError,
-          disabled: isDisabled,
-          error: isError,
-          id: inputId,
-          inputProps: {
-            ...inputProps,
-            ...dataTestId ? { "data-testid": dataTestId } : {}
-          }
-        }
-      ),
-      rightIcon && renderIconWrapper(rightIcon, "right", rightIconClick, handleRightIconClick)
-    ] }),
-    isHelperText && /* @__PURE__ */ jsx(HelperText, { focusedText, helper: helperText })
-  ] });
-}
-export {
-  InputWithIcon as default
-};

package/dist/components/Input/VanillaInput.d.ts

@@ -1,7 +0,0 @@
-import { VanillaInputProps } from './Input.types';
-
-/**
- * Basic input without icons
- */
-export default function VanillaInput({ label, isRequired, isHelperText, helperText, focusedText, isError, isDisabled, htmlFor, size, className, id, 'data-testid': dataTestId, inputProps, ...args }: VanillaInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=VanillaInput.d.ts.map

package/dist/components/Input/VanillaInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VanillaInput.d.ts","sourceRoot":"","sources":["../../../src/components/Input/VanillaInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,UAAkB,EAClB,YAAoB,EACpB,UAAU,EACV,WAAW,EACX,OAAe,EACf,UAAkB,EAClB,OAAO,EACP,IAAc,EACd,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAqCnB"}

package/dist/components/Input/VanillaInput.js

@@ -1,57 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import HelperText from "./HelperText.js";
-import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
-import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput.js";
-function VanillaInput({
-  label,
-  isRequired = false,
-  isHelperText = false,
-  helperText,
-  focusedText,
-  isError = false,
-  isDisabled = false,
-  htmlFor,
-  size = "large",
-  className = "",
-  id,
-  "data-testid": dataTestId,
-  inputProps,
-  ...args
-}) {
-  const inputId = id ?? htmlFor;
-  const labelFor = htmlFor ?? id;
-  const getContainerClass = () => {
-    let baseClass = `impact_inputbox_container ${size} ${className}`;
-    if (isError) {
-      baseClass += " impact_input_error";
-    } else if (isDisabled) {
-      baseClass += " impact_input_disabled";
-    }
-    return baseClass.trim();
-  };
-  return /* @__PURE__ */ jsxs(FormControl, { className: getContainerClass(), children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor: labelFor, children: [
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      OutlinedInput,
-      {
-        ...args,
-        "aria-invalid": isError,
-        disabled: isDisabled,
-        error: isError,
-        id: inputId,
-        inputProps: {
-          ...inputProps,
-          ...dataTestId ? { "data-testid": dataTestId } : {}
-        }
-      }
-    ),
-    isHelperText && /* @__PURE__ */ jsx(HelperText, { focusedText, helper: helperText })
-  ] });
-}
-export {
-  VanillaInput as default
-};

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

@@ -1,24 +0,0 @@
-import { InputProps } from './Input.types';
-
-/**
- * Input component for text entry with support for labels, icons, and helper text.
- * Automatically switches between basic and icon-enhanced layouts based on props.
- * Meets WCAG 2.1 Level AA accessibility standards.
- *
- * @example
- * // Basic input
- * <Input label="Email" placeholder="Enter your email" />
- *
- * // Input with validation error
- * <Input label="Password" isError helperText="Required field" isHelperText />
- *
- * // Input with icons
- * <Input
- *   leftIcon={<SearchIcon />}
- *   rightIcon={<ClearIcon />}
- *   rightIconClick={() => clearValue()}
- *   placeholder="Search..."
- * />
- */
-export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK,sHAiEjB,CAAC"}

package/dist/components/Input/index.js

@@ -1,72 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_inputbox_container label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:#fff;border:1px solid #c3c8d4;border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container .MuiInputBase-root: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}.impact_inputbox_container .MuiInputBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important;pointer-events:none!important}.impact_inputbox_container .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 1px;background-size:10px;color:#5f6673;font-size:10px;line-height:10px;margin-left:0;margin-top:6px;padding-left:15px}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid #ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:#ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid #ec4c5c!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:#ec4c5c!important}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4259ee}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid #4259ee!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:#60697d;height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper: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}.impact_inputbox_container_with_icons .impact-input-wrapper:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid #4259ee}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .left-input-icon,.impact_inputbox_container_with_icons .impact-input-wrapper .right-input-icon{align-self:center;cursor:pointer;display:flex;justify-self:center}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid #e15554!important;color:#e15554}.input-with-error .impact-input-wrapper svg{color:#ec4c5c;height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:#ec4c5c}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}.input-with-disabled .impact-input-wrapper{background:#f8f9fb;border:1px solid #d9dde7;pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid #d9dde7}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:#b4bac7!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:#b4bac7;font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:#1f2b4d;font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:#ec4c5c!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled:not(.icon-click-on-disabled) .left-input-icon,.input-with-disabled:not(.icon-click-on-disabled) .right-input-icon{cursor:not-allowed;opacity:.5;pointer-events:none}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import InputWithIcon from "./InputWithIcon.js";
-import VanillaInput from "./VanillaInput.js";
-
-const Input = forwardRef(
-  ({
-    label,
-    isRequired = false,
-    leftIcon,
-    rightIcon,
-    leftIconClick,
-    rightIconClick,
-    helperText,
-    isHelperText = false,
-    focusedText,
-    autoComplete,
-    isError = false,
-    isDisabled = false,
-    htmlFor,
-    iconClickOnDisabled = false,
-    size = "large",
-    ...args
-  }, ref) => {
-    if (leftIcon ?? rightIcon) {
-      return /* @__PURE__ */ jsx(
-        InputWithIcon,
-        {
-          ...args,
-          autoComplete,
-          focusedText,
-          helperText,
-          htmlFor,
-          iconClickOnDisabled,
-          inputRef: ref,
-          isDisabled,
-          isError,
-          isHelperText,
-          isRequired,
-          label,
-          leftIcon,
-          leftIconClick,
-          rightIcon,
-          rightIconClick,
-          size
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      VanillaInput,
-      {
-        ...args,
-        autoComplete,
-        focusedText,
-        helperText,
-        htmlFor,
-        inputRef: ref,
-        isDisabled,
-        isError,
-        isHelperText,
-        isRequired,
-        label,
-        size
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-export {
-  Input
-};

package/dist/components/KeyboardShortCuts/Keycombo.d.ts

@@ -1,17 +0,0 @@
-interface KeysProps {
-    firstSymbol?: string | null;
-    firstText: string;
-    middleSymbol?: string | null;
-    middleText?: string | null;
-    secondText: string;
-}
-export declare const Keys: ({ firstSymbol, firstText, middleSymbol, middleText, secondText, }: KeysProps) => import("react/jsx-runtime").JSX.Element;
-interface KeyComboProps {
-    firstSymbol?: string | null;
-    firstText: string;
-    secondText: string;
-    description: string;
-}
-export declare const KeyCombo: ({ firstSymbol, firstText, secondText, description }: KeyComboProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Keycombo.d.ts.map

package/dist/components/KeyboardShortCuts/Keycombo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Keycombo.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/Keycombo.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,GAAI,mEAMlB,SAAS,4CA0BX,CAAC;AAEF,UAAU,aAAa;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,GAAI,qDAAqD,aAAa,4CAU1F,CAAC"}

package/dist/components/KeyboardShortCuts/Keycombo.js

@@ -1,31 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { isMac } from "../../utils/shortcuts/platform.js";
-const Keys = ({
-  firstSymbol,
-  firstText,
-  middleSymbol,
-  middleText,
-  secondText
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: "keys", children: [
-    /* @__PURE__ */ jsx("div", { className: "button-outer", children: /* @__PURE__ */ jsxs("div", { className: `button-inner ${!isMac ? "windows-key" : ""}`, children: [
-      firstSymbol && /* @__PURE__ */ jsx("span", { className: "key-symbol", children: firstSymbol }),
-      /* @__PURE__ */ jsx("span", { className: "key-text", children: firstText })
-    ] }) }),
-    middleText && /* @__PURE__ */ jsx("div", { className: "button-outer", children: /* @__PURE__ */ jsxs("div", { className: `button-inner ${!isMac ? "windows-key" : ""}`, children: [
-      middleSymbol && /* @__PURE__ */ jsx("span", { className: "key-symbol", children: middleSymbol }),
-      /* @__PURE__ */ jsx("span", { className: "key-text", children: middleText })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "button-outer single-key", children: /* @__PURE__ */ jsx("div", { className: "button-inner", children: /* @__PURE__ */ jsx("span", { className: "key-text", children: secondText }) }) })
-  ] });
-};
-const KeyCombo = ({ firstSymbol, firstText, secondText, description }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "keycombo-container-wrapper", children: [
-    /* @__PURE__ */ jsx("div", { className: "keycombo-container", children: /* @__PURE__ */ jsx(Keys, { firstSymbol, firstText, secondText }) }),
-    /* @__PURE__ */ jsx("div", { className: "keycombo-description", children: description })
-  ] });
-};
-export {
-  KeyCombo,
-  Keys
-};

package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts

@@ -1,7 +0,0 @@
-
-export declare const ShortcutLandingPage: ({ playEntrance, setIsShowShortCutLandingPage, setIsShowShortCutModal, }: {
-    playEntrance?: boolean | undefined;
-    setIsShowShortCutLandingPage: any;
-    setIsShowShortCutModal: any;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ShortcutLandingPage.d.ts.map

package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShortcutLandingPage.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/ShortcutLandingPage.tsx"],"names":[],"mappings":"AAUA,OAAO,iCAAiC,CAAC;AAEzC,eAAO,MAAM,mBAAmB,GAAI;;;;CAInC,4CAyDA,CAAC"}