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

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

@@ -0,0 +1,8 @@
+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

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,151 @@
+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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputWithIcon.tsx"],"names":[],"mappings":"AAGA,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,2CAwFpB"}

package/dist/components/Input/InputWithIcon.js

@@ -0,0 +1,111 @@
+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();
+    }
+  };
+  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 && /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-label": "Left icon action",
+          className: "left-input-icon",
+          role: "button",
+          tabIndex: isDisabled && !iconClickOnDisabled ? -1 : 0,
+          onClick: handleLeftIconClick,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleLeftIconClick();
+            }
+          },
+          children: leftIcon
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        OutlinedInput,
+        {
+          ...args,
+          "aria-invalid": isError,
+          disabled: isDisabled,
+          error: isError,
+          id: inputId,
+          inputProps: {
+            ...inputProps,
+            ...dataTestId ? { "data-testid": dataTestId } : {}
+          }
+        }
+      ),
+      rightIcon && /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-label": "Right icon action",
+          className: "right-input-icon",
+          role: "button",
+          tabIndex: isDisabled && !iconClickOnDisabled ? -1 : 0,
+          onClick: handleRightIconClick,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleRightIconClick();
+            }
+          },
+          children: rightIcon
+        }
+      )
+    ] }),
+    isHelperText && /* @__PURE__ */ jsx(HelperText, { focusedText, helper: helperText })
+  ] });
+}
+export {
+  InputWithIcon as default
+};

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

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

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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1,24 @@
+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

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

@@ -0,0 +1,72 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".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.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}.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: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{cursor:pointer}.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 .left-input-icon,.input-with-disabled .right-input-icon{cursor:not-allowed;opacity:.5;pointer-events:none}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+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

@@ -0,0 +1,12 @@
+export declare const Keys: ({ firstSymbol, firstText, secondText }: {
+    firstSymbol: any;
+    firstText: any;
+    secondText: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const KeyCombo: ({ firstSymbol, firstText, secondText, description }: {
+    firstSymbol: any;
+    firstText: any;
+    secondText: any;
+    description: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Keycombo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Keycombo.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/Keycombo.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,GAAI;;;;CAAsC,4CAiB1D,CAAC;AACF,eAAO,MAAM,QAAQ,GAAI;;;;;CAAmD,4CAU3E,CAAC"}

package/dist/components/KeyboardShortCuts/Keycombo.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Keys = ({ firstSymbol, firstText, secondText }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "keys", children: [
+    /* @__PURE__ */ jsx("div", { className: "button-outer", children: /* @__PURE__ */ jsxs("div", { className: "button-inner", children: [
+      /* @__PURE__ */ jsx("span", { className: "key-symbol", children: firstSymbol }),
+      /* @__PURE__ */ jsx("span", { className: "key-text", children: firstText })
+    ] }) }),
+    /* @__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

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

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