@mirohq/design-system-input 0.0.21 → 0.1.0-forms.2

package/dist/main.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designSystemUtils = require('@mirohq/design-system-utils');
+var designSystemBaseInput = require('@mirohq/design-system-base-input');
 var designSystemBaseIcon = require('@mirohq/design-system-base-icon');
 var designSystemStitches = require('@mirohq/design-system-stitches');
 var designSystemPrimitive = require('@mirohq/design-system-primitive');
@@ -13,7 +14,6 @@ var designSystemBaseButton = require('@mirohq/design-system-base-button');
 var designSystemStyles = require('@mirohq/design-system-styles');
 var designSystemIcons = require('@mirohq/design-system-icons');
 var interactions = require('@react-aria/interactions');
-var designSystemBaseInput = require('@mirohq/design-system-base-input');
 var utils = require('@react-aria/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,20 +40,7 @@ const StyledIconSlot = designSystemStitches.styled(designSystemPrimitive.Primiti
   }
 });
 
-const InputContext = React.createContext({
-  actionButtonRef: { current: null },
-  inputRef: { current: null },
-  setFocused: () => {
-  },
-  setHovered: () => {
-  },
-  setActive: () => {
-  },
-  editable: true,
-  hovered: false,
-  focused: false,
-  active: false
-});
+const InputContext = React.createContext({});
 const InputProvider = ({
   children,
   disabled,
@@ -66,6 +53,7 @@ const InputProvider = ({
   const [focused, setFocused] = React.useState(false);
   const [hovered, setHovered] = React.useState(false);
   const [active, setActive] = React.useState(false);
+  const [hasIconSlot, setHasIconSlot] = React.useState(false);
   const editable = !designSystemUtils.booleanify(disabled) && !designSystemUtils.booleanify(ariaDisabled) && !designSystemUtils.booleanify(readOnly);
   return /* @__PURE__ */ jsxRuntime.jsx(
     InputContext.Provider,
@@ -75,6 +63,8 @@ const InputProvider = ({
         setFocused,
         setHovered,
         setActive,
+        setHasIconSlot,
+        hasIconSlot,
         active,
         hovered,
         focused,
@@ -92,12 +82,16 @@ const InputProvider = ({
 const useInputContext = () => React.useContext(InputContext);
 
 const IconSlot = React__default["default"].forwardRef(({ children, ...restProps }, forwardRef) => {
-  const { ariaDisabled, disabled } = useInputContext();
+  const { ariaDisabled, disabled, setHasIconSlot } = useInputContext();
   const formattedChildren = designSystemUtils.addPropsToChildren(children, designSystemBaseIcon.isIconComponent, {
     size: "small",
     weight: "thin",
     "aria-hidden": true
   });
+  React.useEffect(() => {
+    setHasIconSlot(true);
+    return () => setHasIconSlot(false);
+  }, [setHasIconSlot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     StyledIconSlot,
     {
@@ -108,6 +102,7 @@ const IconSlot = React__default["default"].forwardRef(({ children, ...restProps
     }
   );
 });
+IconSlot.displayName = "IconSlot";
 
 const StyledActionButton = designSystemStitches.styled(designSystemBaseButton.BaseButton, {
   backgroundColor: "transparent",
@@ -408,7 +403,10 @@ const Input$1 = React__default["default"].forwardRef((props, forwardRef) => {
   );
 });
 
-const Root = React__default["default"].forwardRef(({ children, ...restProps }, forwardRef) => {
+const FLOATING_LABEL_OFFSET = 32;
+const FLOATING_LABEL_OFFSET_X_LARGE = 40;
+const Root = React__default["default"].forwardRef(({ children, size, label, ...restProps }, forwardRef) => {
+  var _a, _b, _c;
   const {
     valid,
     ariaDisabled,
@@ -419,7 +417,8 @@ const Root = React__default["default"].forwardRef(({ children, ...restProps }, f
     setHovered,
     setActive,
     inputRef,
-    actionButtonRef
+    actionButtonRef,
+    hasIconSlot
   } = useInputContext();
   const ref = React.useRef(null);
   const { hoverProps, isHovered: hovered } = interactions.useHover({
@@ -428,12 +427,15 @@ const Root = React__default["default"].forwardRef(({ children, ...restProps }, f
   const ariaDisabledOrDisabled = designSystemUtils.booleanify(ariaDisabled) || designSystemUtils.booleanify(disabled);
   const showValidityIcon = !ariaDisabledOrDisabled && !designSystemUtils.booleanify(readOnly) && !designSystemUtils.booleanify(hovered) && !designSystemUtils.booleanify(focused) && !designSystemUtils.booleanify(active) && (valid === true || valid === false);
   const ValidIcon = valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle;
+  const inputValue = (_c = (_b = (_a = inputRef.current) == null ? void 0 : _a.value) != null ? _b : restProps.value) != null ? _c : restProps.defaultValue;
+  const isPlaceholder = (inputValue === void 0 || inputValue === "") && !focused;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     StyledBaseInput,
     {
       ...restProps,
       ...hoverProps,
       ref: designSystemUtils.mergeRefs([ref, forwardRef]),
+      size,
       hovered,
       focused,
       valid,
@@ -447,20 +449,32 @@ const Root = React__default["default"].forwardRef(({ children, ...restProps }, f
       },
       onBlur: () => {
         setTimeout(() => {
-          var _a;
-          if ((ref == null ? void 0 : ref.current) != null && !((_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.contains(document.activeElement))) {
+          var _a2;
+          if ((ref == null ? void 0 : ref.current) != null && !((_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.contains(document.activeElement))) {
             setActive(false);
           }
         }, 0);
       },
       onClick: ({ target }) => {
-        var _a;
+        var _a2;
         const shouldFocusInput = target !== actionButtonRef.current;
         if (shouldFocusInput) {
-          (_a = inputRef.current) == null ? void 0 : _a.focus();
+          (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
         }
       },
       children: [
+        label !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          designSystemBaseInput.FloatingLabel,
+          {
+            floating: !isPlaceholder,
+            size,
+            css: {
+              left: isPlaceholder && hasIconSlot ? size === "x-large" ? FLOATING_LABEL_OFFSET_X_LARGE : FLOATING_LABEL_OFFSET : void 0
+            },
+            asChild: true,
+            children: label
+          }
+        ),
         children,
         showValidityIcon && /* @__PURE__ */ jsxRuntime.jsx(StyledValidityBox, { children: /* @__PURE__ */ jsxRuntime.jsx(ValidIcon, { size: "small" }) })
       ]
@@ -482,7 +496,7 @@ const BaseInput = React__default["default"].forwardRef(
 BaseInput.Input = Input$1;
 
 const Input = React__default["default"].forwardRef(
-  ({ value, ...restProps }, forwardRef) => {
+  ({ value, defaultValue, ...restProps }, forwardRef) => {
     const inputRef = React.useRef(null);
     const {
       clearable = false,
@@ -501,6 +515,7 @@ const Input = React__default["default"].forwardRef(
       children,
       className,
       css,
+      label,
       ...inputProps
     } = elementProps;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -515,12 +530,17 @@ const Input = React__default["default"].forwardRef(
         className,
         css,
         size,
+        label,
+        value,
+        defaultValue,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             BaseInput.Input,
             {
               ...inputProps,
+              css: label !== void 0 ? { "&::placeholder": { opacity: 0 } } : void 0,
               value,
+              defaultValue,
               ref: designSystemUtils.mergeRefs([inputRef, forwardRef])
             }
           ),
@@ -542,6 +562,7 @@ const Input = React__default["default"].forwardRef(
 );
 Input.ActionButton = ActionButton;
 Input.IconSlot = IconSlot;
+Input[designSystemBaseInput.inputSymbol] = true;
 
 const InputPassword = React__default["default"].forwardRef(
   ({

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/partials/icon-slot.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/icon-slot.tsx","../src/partials/action-button.styled.tsx","../src/partials/action-button.tsx","../src/clear-action.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/partials/input.tsx","../src/base-input.tsx","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.div, {\n  order: 1,\n  alignContent: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  color: '$icon-neutrals-subtle',\n\n  '& svg, & img': {\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        '& svg': {\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\n\nexport interface InputContextProps {\n  disabled?: boolean\n  ariaDisabled?: Booleanish\n  readOnly?: boolean\n  valid?: boolean\n  hovered: boolean\n  focused: boolean\n  active: boolean\n  actionButtonRef: React.RefObject<HTMLAnchorElement | HTMLButtonElement>\n  inputRef: React.RefObject<HTMLInputElement>\n  setFocused: React.Dispatch<React.SetStateAction<boolean>>\n  setHovered: React.Dispatch<React.SetStateAction<boolean>>\n  setActive: React.Dispatch<React.SetStateAction<boolean>>\n  editable: boolean\n}\n\ninterface InputProviderProps {\n  disabled?: boolean\n  ariaDisabled?: Booleanish\n  readOnly?: boolean\n  valid?: boolean\n  hovered?: boolean\n  focused?: boolean\n  active?: boolean\n  editable?: boolean\n}\n\nconst InputContext = createContext<InputContextProps>({\n  actionButtonRef: { current: null },\n  inputRef: { current: null },\n  setFocused: () => {},\n  setHovered: () => {},\n  setActive: () => {},\n  editable: true,\n  hovered: false,\n  focused: false,\n  active: false,\n})\n\nexport const InputProvider = ({\n  children,\n  disabled,\n  ariaDisabled,\n  readOnly,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): any => {\n  const actionButtonRef = useRef<HTMLAnchorElement | HTMLButtonElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [focused, setFocused] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const [active, setActive] = useState(false)\n  const editable =\n    !booleanify(disabled) && !booleanify(ariaDisabled) && !booleanify(readOnly)\n\n  return (\n    <InputContext.Provider\n      value={{\n        ...restProps,\n        setFocused,\n        setHovered,\n        setActive,\n        active,\n        hovered,\n        focused,\n        disabled,\n        ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React from 'react'\nimport { addPropsToChildren, booleanify } from '@mirohq/design-system-utils'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport type { ElementRef } from 'react'\n\nimport { StyledIconSlot } from './icon-slot.styled'\nimport { useInputContext } from '../hooks/use-input-context'\nimport type { StyledIconSlotProps } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  StyledIconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { ariaDisabled, disabled } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  return (\n    <StyledIconSlot\n      {...restProps}\n      disabled={booleanify(disabled ?? ariaDisabled)}\n      ref={forwardRef}\n    >\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n","import { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport { focus } from '@mirohq/design-system-styles'\nimport type { ComponentPropsWithRef } from 'react'\n\nexport const StyledActionButton = styled(BaseButton, {\n  backgroundColor: 'transparent',\n  color: '$icon-neutrals-subtle',\n  display: 'flex',\n  justifyContent: 'center',\n  order: 3,\n  padding: '6px',\n  square: '$7',\n\n  '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n    square: '$icon-200',\n    '--svg-stroke-width': '$stroke-width$thin',\n  },\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n  }),\n\n  '&:hover': {\n    backgroundColor: '$background-neutrals-subtle-hover',\n  },\n\n  '&:active, &[data-pressed]': {\n    backgroundColor: '$background-neutrals-subtle-active',\n  },\n\n  variants: {\n    readOnlyAppearance: {\n      true: {\n        '& svg[data-icon-component], & img[data-icon-component]': {\n          color: '$icon-neutrals-subtle',\n        },\n      },\n    },\n    disableAppearance: {\n      true: {\n        color: '$icon-neutrals-disabled',\n      },\n    },\n  },\n})\n\nexport type StyledActionButtonProps = ComponentPropsWithRef<\n  typeof StyledActionButton\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport {\n  mergeRefs,\n  booleanify,\n  addPropsToChildren,\n} from '@mirohq/design-system-utils'\nimport { Tooltip } from '@mirohq/design-system-tooltip'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\n\nimport { StyledActionButton } from './action-button.styled'\nimport type { StyledActionButtonProps } from './action-button.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface ActionButtonProps extends StyledActionButtonProps {\n  label: string\n}\n\nexport const ActionButton = React.forwardRef<\n  ElementRef<typeof StyledActionButton>,\n  ActionButtonProps\n>(({ 'aria-label': ariaLabel, label, children, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    hovered,\n    editable,\n    active,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot =\n    valid === undefined || booleanify(hovered) || booleanify(active)\n\n  let formattedChildren = children\n\n  formattedChildren = addPropsToChildren(children, isIconComponent, {\n    'aria-hidden': true,\n  })\n\n  const hasPressEvent = Object.keys(restProps).some(key =>\n    key.startsWith('onPress')\n  )\n  const customDisabled = restProps.disabled\n\n  return (\n    <>\n      {showInputSlot && (\n        <Tooltip>\n          <Tooltip.Trigger asChild>\n            <StyledActionButton\n              type='button'\n              {...restProps}\n              aria-label={ariaLabel ?? label}\n              disabled={\n                hasPressEvent ? customDisabled : customDisabled ?? !editable\n              }\n              disableAppearance={\n                hasPressEvent\n                  ? !booleanify(readOnly) && customDisabled\n                  : booleanify(disabled ?? ariaDisabled)\n              }\n              readOnlyAppearance={readOnly}\n              ref={mergeRefs([forwardRef, actionButtonRef])}\n            >\n              {formattedChildren}\n            </StyledActionButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    </>\n  )\n})\n","import { IconCross } from '@mirohq/design-system-icons'\nimport type { HTMLProps } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { ActionButton } from './partials/action-button'\nimport { useInputContext } from './hooks/use-input-context'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface ClearProps {\n  /**\n   * Show X button for clearing the input value.\n   */\n  clearable: boolean\n\n  /**\n   * Tooltip label for the clear button.\n   */\n\n  clearLabel: string\n\n  /**\n   * Callback event called when clearing the input.\n   */\n  onClear?: (value: Value) => void\n\n  /**\n   * The controlled input's value.\n   */\n  value?: Value\n}\n\ninterface ClearActionProps extends ClearProps {\n  inputRef: React.RefObject<HTMLInputElement>\n}\n\nexport const ClearAction = ({\n  clearable,\n  clearLabel,\n  onClear,\n  inputRef,\n  value,\n}: ClearActionProps): JSX.Element => {\n  const { disabled, ariaDisabled, readOnly } = useInputContext()\n\n  if (!clearable) return <></>\n\n  return (\n    <ActionButton\n      label={clearLabel}\n      disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n      onPress={() => {\n        onClear?.(value ?? inputRef.current?.value)\n\n        if (value === undefined && inputRef.current !== null) {\n          inputRef.current.value = ''\n        }\n      }}\n    >\n      <IconCross />\n    </ActionButton>\n  )\n}\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\n\nimport { StyledIconSlot } from './partials/icon-slot.styled'\nimport { StyledActionButton } from './partials/action-button.styled'\n\nexport const StyledIconExclamationPointCircle = styled(\n  IconExclamationPointCircle,\n  {\n    color: '$icon-danger',\n  }\n)\n\nexport const StyledIconCheckMark = styled(IconCheckMark, {\n  color: '$icon-success',\n})\n\nexport const StyledValidityBox = styled(Primitive.div, {\n  order: 3,\n  display: 'flex',\n  alignItems: 'center',\n  padding: '6px',\n})\n\nexport const StyledBaseInput = styled('div', {\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  justifyContent: 'flex-end',\n  position: 'relative',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  width: '100%',\n  ...baseInputStyles.variants.idle,\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: baseInputStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: baseInputStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      large: {\n        height: '$10',\n        padding: '0 $100 ',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$50',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$50',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n      'x-large': {\n        height: '$12',\n        padding: '0 $150',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$100',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$100',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    /** Idle states */\n    {\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: baseInputStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: baseInputStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.hovered,\n    },\n  ],\n  defaultVariants: {\n    size: 'large',\n  },\n})\n\nexport type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\n\nconst disabledAndReadonlySelectors =\n  ':read-only, :disabled, [aria-disabled=\"true\"], [data-disabled]'\n\nexport const StyledInput = styled(Primitive.input, {\n  all: 'unset',\n  background: 'transparent',\n  color: '$text-neutrals',\n  width: '100%',\n  borderRadius: '$50',\n  order: 2,\n  padding: '0 $50',\n  height: '100%',\n\n  '&::placeholder': {\n    fontStyle: 'italic',\n  },\n\n  [`&:not(${disabledAndReadonlySelectors})::placeholder`]:\n    baseInputStyles.base.placeholder,\n\n  '&:read-only': {\n    color: baseInputStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    baseInputStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React from 'react'\nimport type { FocusEventHandler, ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-base-input'\nimport { mergeProps } from '@react-aria/utils'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface InputProps extends StyledInputProps {}\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  StyledInputProps\n>((props, forwardRef) => {\n  const { ariaDisabled, disabled, readOnly, setFocused, inputRef } =\n    useInputContext()\n\n  let elementProps = useAriaDisabled(props, ariaDisabled)\n\n  const onBlurEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(false)\n  }\n\n  const onFocusEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(true)\n  }\n\n  elementProps = mergeProps(elementProps, {\n    onBlur: onBlurEventHandler,\n    onFocus: onFocusEventHandler,\n  })\n\n  return (\n    <StyledInput\n      {...elementProps}\n      aria-disabled={ariaDisabled}\n      disabled={disabled}\n      readOnly={readOnly}\n      ref={mergeRefs([inputRef, forwardRef])}\n    />\n  )\n})\n","import React, { useRef } from 'react'\nimport type {\n  DOMAttributes,\n  ElementRef,\n  ForwardRefExoticComponent,\n} from 'react'\nimport { booleanify, mergeRefs } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\nimport { useHover } from '@react-aria/interactions'\n\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport type { StyledBaseInputProps } from './base-input.styled'\n\nexport interface BaseInputProps\n  extends Omit<StyledBaseInputProps, keyof DOMAttributes<Element>> {\n  'aria-disabled'?: Booleanish | undefined\n  disabled?: boolean | undefined\n  readOnly?: boolean | undefined\n  valid?: boolean | undefined\n  hovered?: boolean | undefined\n  focused?: boolean | undefined\n  children: React.ReactNode\n  className?: string | undefined\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(({ children, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    active,\n    setHovered,\n    setActive,\n    inputRef,\n    actionButtonRef,\n  } = useInputContext()\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  const showValidityIcon =\n    !ariaDisabledOrDisabled &&\n    !booleanify(readOnly) &&\n    !booleanify(hovered) &&\n    !booleanify(focused) &&\n    !booleanify(active) &&\n    (valid === true || valid === false)\n\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  return (\n    <StyledBaseInput\n      {...restProps}\n      {...hoverProps}\n      ref={mergeRefs([ref, forwardRef])}\n      hovered={hovered}\n      focused={focused}\n      valid={valid}\n      disabled={booleanify(disabled)}\n      ariaDisabled={booleanify(ariaDisabled)}\n      readOnly={booleanify(readOnly)}\n      data-invalid={valid === false ? '' : undefined}\n      data-valid={valid === true ? '' : undefined}\n      onFocus={() => {\n        setActive(true)\n      }}\n      onBlur={() => {\n        setTimeout(() => {\n          if (\n            ref?.current != null &&\n            !ref?.current?.contains(document.activeElement)\n          ) {\n            setActive(false)\n          }\n        }, 0)\n      }}\n      onClick={({ target }) => {\n        const shouldFocusInput = target !== actionButtonRef.current\n\n        if (shouldFocusInput) {\n          inputRef.current?.focus()\n        }\n      }}\n    >\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    { 'aria-disabled': ariaDisabled, disabled, valid, readOnly, ...restProps },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      ariaDisabled={ariaDisabled}\n      readOnly={readOnly}\n    >\n      <Root {...restProps} ref={forwardRef} />\n    </InputProvider>\n  )\n) as ForwardRefExoticComponent<BaseInputProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\nexport interface Partials {\n  Input: typeof Input\n}\n\nBaseInput.Input = Input\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { ClearAction } from './clear-action'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputProps = InputSharedProps & ({ clearable?: never } | ClearProps)\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n  ({ value, ...restProps }, forwardRef) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const {\n      clearable = false,\n      onClear,\n      clearLabel,\n      ...elementProps\n    } = restProps as ClearProps\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      children,\n      className,\n      css,\n      ...inputProps\n    } = elementProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        className={className}\n        css={css}\n        size={size}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          value={value}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        {children}\n        <ClearAction\n          clearable={clearable}\n          clearLabel={clearLabel}\n          onClear={onClear}\n          inputRef={inputRef}\n          value={value}\n        />\n      </BaseInput>\n    )\n  }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport {\n  IconEyeOpen,\n  IconEyeClosed,\n  IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, HTMLProps } from 'react'\n\nimport { BaseInput } from './base-input'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface InputPasswordProps\n  extends Omit<InputSharedProps, 'type' | 'children'> {\n  /**\n   * A boolean for the default password state (visible or masked).\n   */\n  defaultReveal?: boolean\n\n  /**\n   * Indicates whether the password should be revealed (visible) or hidden (masked).\n   */\n  reveal?: boolean\n\n  /**\n   * Callback function to be called when the password is revealed.\n   */\n  onReveal?: (value: Value) => void\n\n  /**\n   * Callback function to be called when the password is hidden (masked).\n   */\n  onHide?: (value: Value) => void\n\n  /**\n   * Tooltip label text for the action to reveal the password.\n   */\n  revealLabel: string\n\n  /**\n   * Tooltip label text for the action to hide (mask) the password.\n   */\n  hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n  ElementRef<'input'>,\n  InputPasswordProps\n>(\n  (\n    {\n      value,\n      reveal,\n      defaultReveal,\n      onReveal,\n      onHide,\n      hideLabel,\n      revealLabel,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n    const [revealState, setRevealState] = useState(defaultReveal ?? false)\n    const revealInternal = reveal ?? revealState\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      ...inputProps\n    } = restProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        size={size}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          type={revealInternal ? 'text' : 'password'}\n          value={value}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        <IconSlot>\n          <IconLockClosed />\n        </IconSlot>\n        <ActionButton\n          label={revealInternal ? hideLabel : revealLabel}\n          disabled={false}\n          onPress={() => {\n            const valueInternal = value ?? inputRef.current?.value\n\n            if (revealInternal) {\n              onHide?.(valueInternal)\n            } else {\n              onReveal?.(valueInternal)\n            }\n\n            if (value === undefined) {\n              setRevealState(reveal => !reveal)\n            }\n          }}\n        >\n          {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n        </ActionButton>\n      </BaseInput>\n    )\n  }\n)\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport { ClearAction } from './clear-action'\nimport type { ClearProps } from './clear-action'\n\nexport type InputEmailProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputEmail = React.forwardRef<\n  ElementRef<'input'>,\n  InputEmailProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        type='email'\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconEnvelope />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport { ClearAction } from './clear-action'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputSearchProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputSearch = React.forwardRef<\n  ElementRef<'input'>,\n  InputSearchProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconMagnifyingGlass />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["styled","Primitive","createContext","useRef","useState","booleanify","jsx","useContext","React","addPropsToChildren","isIconComponent","BaseButton","focus","Fragment","jsxs","Tooltip","mergeRefs","_a","IconCross","IconExclamationPointCircle","IconCheckMark","baseInputStyles","Input","useAriaDisabled","mergeProps","useHover","IconLockClosed","reveal","IconEyeOpen","IconEyeClosed","IconEnvelope","IconMagnifyingGlass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,cAAA,GAAiBA,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EAClD,KAAO,EAAA,CAAA;AAAA,EACP,YAAc,EAAA,QAAA;AAAA,EACd,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,QAAA;AAAA,EAChB,KAAO,EAAA,uBAAA;AAAA,EAEP,cAAgB,EAAA;AAAA,IACd,aAAe,EAAA,MAAA;AAAA,GACjB;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA;AAAA,MACR,IAAM,EAAA;AAAA,QACJ,OAAS,EAAA;AAAA,UACP,KAAO,EAAA,yBAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACQD,MAAM,eAAeC,mBAAiC,CAAA;AAAA,EACpD,eAAA,EAAiB,EAAE,OAAA,EAAS,IAAK,EAAA;AAAA,EACjC,QAAA,EAAU,EAAE,OAAA,EAAS,IAAK,EAAA;AAAA,EAC1B,YAAY,MAAM;AAAA,GAAC;AAAA,EACnB,YAAY,MAAM;AAAA,GAAC;AAAA,EACnB,WAAW,MAAM;AAAA,GAAC;AAAA,EAClB,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,KAAA;AAAA,EACT,OAAS,EAAA,KAAA;AAAA,EACT,MAAQ,EAAA,KAAA;AACV,CAAC,CAAA,CAAA;AAEM,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,SAAA;AACL,CAAkD,KAAA;AAChD,EAAM,MAAA,eAAA,GAAkBC,aAA8C,IAAI,CAAA,CAAA;AAC1E,EAAM,MAAA,QAAA,GAAWA,aAAyB,IAAI,CAAA,CAAA;AAC9C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC1C,EAAM,MAAA,QAAA,GACJ,CAACC,4BAAA,CAAW,QAAQ,CAAA,IAAK,CAACA,4BAAA,CAAW,YAAY,CAAA,IAAK,CAACA,4BAAA,CAAW,QAAQ,CAAA,CAAA;AAE5E,EACE,uBAAAC,cAAA;AAAA,IAAC,YAAa,CAAA,QAAA;AAAA,IAAb;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,SAAA;AAAA,QACH,UAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,MAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA;AAAA,OACF;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,eAAA,GAAkB,MAAyBC,gBAAA,CAAW,YAAY,CAAA;;ACvElE,MAAA,QAAA,GAAWC,0BAAM,UAG5B,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,eAAgB,EAAA,CAAA;AACnD,EAAM,MAAA,iBAAA,GAAoBC,oCAAmB,CAAA,QAAA,EAAUC,oCAAiB,EAAA;AAAA,IACtE,IAAM,EAAA,OAAA;AAAA,IACN,MAAQ,EAAA,MAAA;AAAA,IACR,aAAe,EAAA,IAAA;AAAA,GAChB,CAAA,CAAA;AAED,EACE,uBAAAJ,cAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,QAAA,EAAUD,4BAAW,CAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,YAAY,CAAA;AAAA,MAC7C,GAAK,EAAA,UAAA;AAAA,MAEJ,QAAA,EAAA,iBAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAC,CAAA;;AC1BY,MAAA,kBAAA,GAAqBL,4BAAOW,iCAAY,EAAA;AAAA,EACnD,eAAiB,EAAA,aAAA;AAAA,EACjB,KAAO,EAAA,uBAAA;AAAA,EACP,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,QAAA;AAAA,EAChB,KAAO,EAAA,CAAA;AAAA,EACP,OAAS,EAAA,KAAA;AAAA,EACT,MAAQ,EAAA,IAAA;AAAA,EAER,oEAAsE,EAAA;AAAA,IACpE,MAAQ,EAAA,WAAA;AAAA,IACR,oBAAsB,EAAA,oBAAA;AAAA,GACxB;AAAA,EAEA,GAAGC,yBAAM,GAAI,CAAA;AAAA,IACX,SAAW,EAAA,cAAA;AAAA,GACZ,CAAA;AAAA,EAED,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,mCAAA;AAAA,GACnB;AAAA,EAEA,2BAA6B,EAAA;AAAA,IAC3B,eAAiB,EAAA,oCAAA;AAAA,GACnB;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,kBAAoB,EAAA;AAAA,MAClB,IAAM,EAAA;AAAA,QACJ,wDAA0D,EAAA;AAAA,UACxD,KAAO,EAAA,uBAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,IAAM,EAAA;AAAA,QACJ,KAAO,EAAA,yBAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;AC3BM,MAAM,YAAe,GAAAJ,yBAAA,CAAM,UAGhC,CAAA,CAAC,EAAE,YAAA,EAAc,SAAW,EAAA,KAAA,EAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5E,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AAEpB,EAAA,MAAM,gBACJ,KAAU,KAAA,KAAA,CAAA,IAAaH,6BAAW,OAAO,CAAA,IAAKA,6BAAW,MAAM,CAAA,CAAA;AAEjE,EAAA,IAAI,iBAAoB,GAAA,QAAA,CAAA;AAExB,EAAoB,iBAAA,GAAAI,oCAAA,CAAmB,UAAUC,oCAAiB,EAAA;AAAA,IAChE,aAAe,EAAA,IAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,MAAA,CAAO,IAAK,CAAA,SAAS,CAAE,CAAA,IAAA;AAAA,IAAK,CAAA,GAAA,KAChD,GAAI,CAAA,UAAA,CAAW,SAAS,CAAA;AAAA,GAC1B,CAAA;AACA,EAAA,MAAM,iBAAiB,SAAU,CAAA,QAAA,CAAA;AAEjC,EACE,uBAAAJ,cAAA,CAAAO,mBAAA,EAAA,EACG,QACC,EAAA,aAAA,oBAAAC,eAAA,CAACC,2BACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAT,cAAA,CAACS,2BAAQ,CAAA,OAAA,EAAR,EAAgB,OAAA,EAAO,IACtB,EAAA,QAAA,kBAAAT,cAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACJ,GAAG,SAAA;AAAA,QACJ,cAAY,SAAa,IAAA,IAAA,GAAA,SAAA,GAAA,KAAA;AAAA,QACzB,QACE,EAAA,aAAA,GAAgB,cAAiB,GAAA,cAAA,IAAA,IAAA,GAAA,cAAA,GAAkB,CAAC,QAAA;AAAA,QAEtD,iBAAA,EACE,gBACI,CAACD,4BAAA,CAAW,QAAQ,CAAK,IAAA,cAAA,GACzBA,4BAAW,CAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,YAAY,CAAA;AAAA,QAEzC,kBAAoB,EAAA,QAAA;AAAA,QACpB,GAAK,EAAAW,2BAAA,CAAU,CAAC,UAAA,EAAY,eAAe,CAAC,CAAA;AAAA,QAE3C,QAAA,EAAA,iBAAA;AAAA,OAAA;AAAA,KAEL,EAAA,CAAA;AAAA,oBACCV,cAAA,CAAAS,2BAAA,CAAQ,OAAR,EAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,GAAA,EAC1B,CAEJ,EAAA,CAAA,CAAA;AAEJ,CAAC,CAAA;;ACvCM,MAAM,cAAc,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AACF,CAAqC,KAAA;AA1CrC,EAAA,IAAA,EAAA,CAAA;AA2CE,EAAA,MAAM,EAAE,QAAA,EAAU,YAAc,EAAA,QAAA,KAAa,eAAgB,EAAA,CAAA;AAE7D,EAAA,IAAI,CAAC,SAAA;AAAW,IAAA,uBAAST,cAAA,CAAAO,mBAAA,EAAA,EAAA,CAAA,CAAA;AAEzB,EACE,uBAAAP,cAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,UAAA;AAAA,MACP,QAAU,EAAAD,4BAAA,CAAA,CAAW,EAAY,GAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAA,YAAA,KAAZ,YAA4B,QAAQ,CAAA;AAAA,MACzD,SAAS,MAAM;AAnDrB,QAAAY,IAAAA,GAAAA,CAAAA;AAoDQ,QAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAU,KAASA,IAAAA,IAAAA,GAAAA,KAAAA,GAAAA,CAAAA,GAAAA,GAAA,QAAS,CAAA,OAAA,KAAT,gBAAAA,GAAkB,CAAA,KAAA,CAAA,CAAA;AAErC,QAAA,IAAI,KAAU,KAAA,KAAA,CAAA,IAAa,QAAS,CAAA,OAAA,KAAY,IAAM,EAAA;AACpD,UAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,EAAA,CAAA;AAAA,SAC3B;AAAA,OACF;AAAA,MAEA,yCAACC,2BAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA;AAEJ,CAAA;;AClDO,MAAM,gCAAmC,GAAAlB,2BAAA;AAAA,EAC9CmB,4CAAA;AAAA,EACA;AAAA,IACE,KAAO,EAAA,cAAA;AAAA,GACT;AACF,CAAA,CAAA;AAEa,MAAA,mBAAA,GAAsBnB,4BAAOoB,+BAAe,EAAA;AAAA,EACvD,KAAO,EAAA,eAAA;AACT,CAAC,CAAA,CAAA;AAEY,MAAA,iBAAA,GAAoBpB,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EACrD,KAAO,EAAA,CAAA;AAAA,EACP,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,OAAS,EAAA,KAAA;AACX,CAAC,CAAA,CAAA;AAEY,MAAA,eAAA,GAAkBD,4BAAO,KAAO,EAAA;AAAA,EAC3C,UAAY,EAAA,QAAA;AAAA,EACZ,OAAS,EAAA,aAAA;AAAA,EACT,MAAQ,EAAA,aAAA;AAAA,EACR,cAAgB,EAAA,UAAA;AAAA,EAChB,QAAU,EAAA,UAAA;AAAA,EACV,aAAe,EAAA,QAAA;AAAA,EACf,SAAW,EAAA,YAAA;AAAA,EACX,KAAO,EAAA,MAAA;AAAA,EACP,GAAGqB,6BAAgB,QAAS,CAAA,IAAA;AAAA,EAC5B,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,MAAM,EAAC;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAA,EAAMA,6BAAgB,QAAS,CAAA,OAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,KAAO,EAAA;AAAA,MACL,MAAM,EAAC;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAA,EAAMA,6BAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAA,EAAMA,6BAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,IAAA,EAAMA,6BAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,SAAA;AAAA,QACT,CAAC,IAAK,CAAA,MAAA,CAAA,cAAA,CAAgB,GAAG;AAAA,UACvB,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,QACA,CAAC,IAAA,CAAK,MAAkB,CAAA,kBAAA,EAAA,MAAA,CAAA,CAAO,yBAAmB,GAAG;AAAA,UACnD,UAAY,EAAA,KAAA;AAAA,SACd;AAAA,QACA,CAAC,IAAK,CAAA,MAAA,CAAA,iBAAA,CAAmB,GAAG;AAAA,UAC1B,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,SAAW,EAAA;AAAA,QACT,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,QAAA;AAAA,QACT,CAAC,IAAK,CAAA,MAAA,CAAA,cAAA,CAAgB,GAAG;AAAA,UACvB,YAAc,EAAA,MAAA;AAAA,SAChB;AAAA,QACA,CAAC,IAAA,CAAK,MAAkB,CAAA,kBAAA,EAAA,MAAA,CAAA,CAAO,yBAAmB,GAAG;AAAA,UACnD,UAAY,EAAA,MAAA;AAAA,SACd;AAAA,QACA,CAAC,IAAK,CAAA,MAAA,CAAA,iBAAA,CAAmB,GAAG;AAAA,UAC1B,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA;AAAA,IAEhB;AAAA,MACE,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,4BAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,IAAA;AAAA,KACxC;AAAA,IACA;AAAA,MACE,KAAO,EAAA,IAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,4BAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,IAAA;AAAA,KACtC;AAAA;AAAA,IAEA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,GAAK,EAAA;AAAA,QACH,WAAA,EAAaA,4BAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,WAAA;AAAA,OAChD;AAAA,KACF;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,4BAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,OAAA;AAAA,KACxC;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,IAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,4BAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,OAAA;AAAA,KACtC;AAAA;AAAA,IAEA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,QAAU,EAAA,KAAA;AAAA,MACV,GAAA,EAAKA,6BAAgB,QAAS,CAAA,OAAA;AAAA,KAChC;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,KAAA;AAAA,MACT,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,4BAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,OAAA;AAAA,KACxC;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,KAAA;AAAA,MACT,KAAO,EAAA,IAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,4BAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,OAAA;AAAA,KACtC;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAC,CAAA;;AC/JD,MAAM,4BACJ,GAAA,gEAAA,CAAA;AAEW,MAAA,WAAA,GAAcrB,2BAAO,CAAAC,+BAAA,CAAU,KAAO,EAAA;AAAA,EACjD,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,gBAAA;AAAA,EACP,KAAO,EAAA,MAAA;AAAA,EACP,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA,CAAA;AAAA,EACP,OAAS,EAAA,OAAA;AAAA,EACT,MAAQ,EAAA,MAAA;AAAA,EAER,gBAAkB,EAAA;AAAA,IAChB,SAAW,EAAA,QAAA;AAAA,GACb;AAAA,EAEA,CAAC,QAAS,CAAA,MAAA,CAAA,4BAAA,EAA4B,gBAAgB,CAAA,GACpDoB,6BAAgB,IAAK,CAAA,WAAA;AAAA,EAEvB,aAAe,EAAA;AAAA,IACb,KAAA,EAAOA,4BAAgB,CAAA,QAAA,CAAS,QAAS,CAAA,KAAA;AAAA,GAC3C;AAAA,EAEA,qDAAA,EACEA,6BAAgB,IAAK,CAAA,QAAA;AACzB,CAAC,CAAA;;ACnBM,MAAMC,OAAQ,GAAAd,yBAAA,CAAM,UAGzB,CAAA,CAAC,OAAO,UAAe,KAAA;AACvB,EAAA,MAAM,EAAE,YAAc,EAAA,QAAA,EAAU,UAAU,UAAY,EAAA,QAAA,KACpD,eAAgB,EAAA,CAAA;AAElB,EAAI,IAAA,YAAA,GAAee,qCAAgB,CAAA,KAAA,EAAO,YAAY,CAAA,CAAA;AAEtD,EAAA,MAAM,qBAA0D,MAAY;AAC1E,IAAa,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,MAAM,sBAA2D,MAAY;AAC3E,IAAa,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,YAAA,GAAeC,iBAAW,YAAc,EAAA;AAAA,IACtC,MAAQ,EAAA,kBAAA;AAAA,IACR,OAAS,EAAA,mBAAA;AAAA,GACV,CAAA,CAAA;AAED,EACE,uBAAAlB,cAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA;AAAA,MACJ,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAK,EAAAU,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,KAAA;AAAA,GACvC,CAAA;AAEJ,CAAC,CAAA;;ACXD,MAAM,IAAA,GAAOR,0BAAM,UAGjB,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AAEpB,EAAM,MAAA,GAAA,GAAML,aAAuB,IAAI,CAAA,CAAA;AAEvC,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,OAAA,KAAYsB,qBAAS,CAAA;AAAA,IAClD,aAAe,EAAA,UAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAA,MAAM,sBACJ,GAAApB,4BAAA,CAAW,YAAY,CAAA,IAAKA,6BAAW,QAAQ,CAAA,CAAA;AAEjD,EAAM,MAAA,gBAAA,GACJ,CAAC,sBACD,IAAA,CAACA,6BAAW,QAAQ,CAAA,IACpB,CAACA,4BAAW,CAAA,OAAO,KACnB,CAACA,4BAAA,CAAW,OAAO,CACnB,IAAA,CAACA,6BAAW,MAAM,CAAA,KACjB,KAAU,KAAA,IAAA,IAAQ,KAAU,KAAA,KAAA,CAAA,CAAA;AAE/B,EAAM,MAAA,SAAA,GACJ,KAAU,KAAA,IAAA,GAAO,mBAAsB,GAAA,gCAAA,CAAA;AAEzC,EACE,uBAAAS,eAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,GAAK,EAAAE,2BAAA,CAAU,CAAC,GAAA,EAAK,UAAU,CAAC,CAAA;AAAA,MAChC,OAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAUX,6BAAW,QAAQ,CAAA;AAAA,MAC7B,YAAA,EAAcA,6BAAW,YAAY,CAAA;AAAA,MACrC,QAAA,EAAUA,6BAAW,QAAQ,CAAA;AAAA,MAC7B,cAAA,EAAc,KAAU,KAAA,KAAA,GAAQ,EAAK,GAAA,KAAA,CAAA;AAAA,MACrC,YAAA,EAAY,KAAU,KAAA,IAAA,GAAO,EAAK,GAAA,KAAA,CAAA;AAAA,MAClC,SAAS,MAAM;AACb,QAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,OAChB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAA,UAAA,CAAW,MAAM;AAtFzB,UAAA,IAAA,EAAA,CAAA;AAuFU,UACE,IAAA,CAAA,GAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAK,YAAW,IAChB,IAAA,EAAA,CAAC,gCAAK,OAAL,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,QAAS,CAAA,QAAA,CAAS,aACjC,CAAA,CAAA,EAAA;AACA,YAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,WACjB;AAAA,WACC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,MACA,OAAS,EAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AA/F/B,QAAA,IAAA,EAAA,CAAA;AAgGQ,QAAM,MAAA,gBAAA,GAAmB,WAAW,eAAgB,CAAA,OAAA,CAAA;AAEpD,QAAA,IAAI,gBAAkB,EAAA;AACpB,UAAA,CAAA,EAAA,GAAA,QAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,oCACEC,cAAA,CAAA,iBAAA,EAAA,EACC,yCAAC,SAAU,EAAA,EAAA,IAAA,EAAK,SAAQ,CAC1B,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,CAAC,CAAA,CAAA;AAEM,MAAM,YAAYE,yBAAM,CAAA,UAAA;AAAA,EAI7B,CACE,EAAE,eAAA,EAAiB,YAAc,EAAA,QAAA,EAAU,OAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EACzE,UAEA,qBAAAF,cAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MAEA,QAAC,kBAAAA,cAAA,CAAA,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,KAAK,UAAY,EAAA,CAAA;AAAA,KAAA;AAAA,GACxC;AAEJ,CAAA,CAAA;AAQA,SAAA,CAAU,KAAQ,GAAAgB,OAAA;;AC5HX,MAAM,QAAQd,yBAAM,CAAA,UAAA;AAAA,EACzB,CAAC,EAAE,KAAA,EAAO,GAAG,SAAA,IAAa,UAAe,KAAA;AACvC,IAAM,MAAA,QAAA,GAAWL,aAAyB,IAAI,CAAA,CAAA;AAE9C,IAAM,MAAA;AAAA,MACJ,SAAY,GAAA,KAAA;AAAA,MACZ,OAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG,YAAA;AAAA,KACD,GAAA,SAAA,CAAA;AAEJ,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAG,UAAA;AAAA,KACD,GAAA,YAAA,CAAA;AAEJ,IACE,uBAAAW,eAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,KAAA;AAAA,QACA,eAAe,EAAA,YAAA;AAAA,QACf,QAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAR,cAAA;AAAA,YAAC,SAAU,CAAA,KAAA;AAAA,YAAV;AAAA,cACE,GAAG,UAAA;AAAA,cACJ,KAAA;AAAA,cACA,GAAK,EAAAU,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,aAAA;AAAA,WACvC;AAAA,UACC,QAAA;AAAA,0BACDV,cAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA,UAAA;AAAA,cACA,OAAA;AAAA,cACA,QAAA;AAAA,cACA,KAAA;AAAA,aAAA;AAAA,WACF;AAAA,SAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF,EAAA;AAOA,KAAA,CAAM,YAAe,GAAA,YAAA,CAAA;AACrB,KAAA,CAAM,QAAW,GAAA,QAAA;;ACzBV,MAAM,gBAAgBE,yBAAM,CAAA,UAAA;AAAA,EAIjC,CACE;AAAA,IACE,KAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAM,MAAA,QAAA,GAAWL,aAAyB,IAAI,CAAA,CAAA;AAC9C,IAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAC,cAAA,CAAS,wCAAiB,KAAK,CAAA,CAAA;AACrE,IAAA,MAAM,iBAAiB,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA;AAEjC,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG,UAAA;AAAA,KACD,GAAA,SAAA,CAAA;AAEJ,IACE,uBAAAU,eAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,KAAA;AAAA,QACA,eAAe,EAAA,YAAA;AAAA,QACf,QAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,IAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAR,cAAA;AAAA,YAAC,SAAU,CAAA,KAAA;AAAA,YAAV;AAAA,cACE,GAAG,UAAA;AAAA,cACJ,IAAA,EAAM,iBAAiB,MAAS,GAAA,UAAA;AAAA,cAChC,KAAA;AAAA,cACA,GAAK,EAAAU,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,aAAA;AAAA,WACvC;AAAA,0BACCV,cAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAAA,cAAA,CAAAoB,gCAAA,EAAA,EAAe,CAClB,EAAA,CAAA;AAAA,0BACApB,cAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,iBAAiB,SAAY,GAAA,WAAA;AAAA,cACpC,QAAU,EAAA,KAAA;AAAA,cACV,SAAS,MAAM;AAxGzB,gBAAA,IAAA,EAAA,CAAA;AAyGY,gBAAA,MAAM,aAAgB,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAA,CAAS,EAAS,GAAA,QAAA,CAAA,OAAA,KAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA;AAEjD,gBAAA,IAAI,cAAgB,EAAA;AAClB,kBAAS,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,aAAA,CAAA,CAAA;AAAA,iBACJ,MAAA;AACL,kBAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,aAAA,CAAA,CAAA;AAAA,iBACb;AAEA,gBAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,kBAAe,cAAA,CAAA,CAAAqB,OAAU,KAAA,CAACA,OAAM,CAAA,CAAA;AAAA,iBAClC;AAAA,eACF;AAAA,cAEC,QAAiB,EAAA,cAAA,mBAAArB,cAAA,CAACsB,6BAAY,EAAA,EAAA,CAAA,kCAAMC,+BAAc,EAAA,EAAA,CAAA;AAAA,aAAA;AAAA,WACrD;AAAA,SAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF;;AC3Ga,MAAA,UAAA,GAAarB,0BAAM,UAG9B,CAAA,CAAC,EAAE,KAAO,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AACzC,EAAM,MAAA,QAAA,GAAWL,aAAyB,IAAI,CAAA,CAAA;AAE9C,EAAM,MAAA;AAAA,IACJ,SAAY,GAAA,KAAA;AAAA,IACZ,OAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG,YAAA;AAAA,GACD,GAAA,SAAA,CAAA;AAEJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,UAAA;AAAA,GACD,GAAA,YAAA,CAAA;AAEJ,EACE,uBAAAW,eAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAR,cAAA;AAAA,UAAC,SAAU,CAAA,KAAA;AAAA,UAAV;AAAA,YACC,IAAK,EAAA,OAAA;AAAA,YACJ,GAAG,UAAA;AAAA,YACJ,KAAA;AAAA,YACA,GAAK,EAAAU,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,WAAA;AAAA,SACvC;AAAA,QACC,QAAA;AAAA,wBACDV,cAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,SAAA;AAAA,YACA,UAAA;AAAA,YACA,OAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,WAAA;AAAA,SACF;AAAA,wBACCA,cAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAAA,cAAA,CAAAwB,8BAAA,EAAA,EAAa,CAChB,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAC,EAAA;AAMD,UAAA,CAAW,YAAe,GAAA,YAAA;;AC5Db,MAAA,WAAA,GAActB,0BAAM,UAG/B,CAAA,CAAC,EAAE,KAAO,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AACzC,EAAM,MAAA,QAAA,GAAWL,aAAyB,IAAI,CAAA,CAAA;AAE9C,EAAM,MAAA;AAAA,IACJ,SAAY,GAAA,KAAA;AAAA,IACZ,OAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG,YAAA;AAAA,GACD,GAAA,SAAA,CAAA;AAEJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,UAAA;AAAA,GACD,GAAA,YAAA,CAAA;AAEJ,EACE,uBAAAW,eAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAR,cAAA;AAAA,UAAC,SAAU,CAAA,KAAA;AAAA,UAAV;AAAA,YACE,GAAG,UAAA;AAAA,YACJ,KAAA;AAAA,YACA,GAAK,EAAAU,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,WAAA;AAAA,SACvC;AAAA,QACC,QAAA;AAAA,wBACDV,cAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,SAAA;AAAA,YACA,UAAA;AAAA,YACA,OAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,WAAA;AAAA,SACF;AAAA,wBACCA,cAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAAA,cAAA,CAAAyB,qCAAA,EAAA,EAAoB,CACvB,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAC,EAAA;AAMD,WAAA,CAAY,YAAe,GAAA,YAAA;;;;;;;"}
+{"version":3,"file":"main.js","sources":["../src/partials/icon-slot.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/icon-slot.tsx","../src/partials/action-button.styled.tsx","../src/partials/action-button.tsx","../src/clear-action.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/partials/input.tsx","../src/base-input.tsx","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.div, {\n  order: 1,\n  alignContent: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  color: '$icon-neutrals-subtle',\n\n  '& svg, & img': {\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        '& svg': {\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\n\ninterface InputProps {\n  disabled?: boolean\n  ariaDisabled?: Booleanish\n  readOnly?: boolean\n  valid?: boolean\n}\n\ninterface InputContextProps extends InputProps {\n  focused: boolean\n  setFocused: React.Dispatch<React.SetStateAction<boolean>>\n  hovered: boolean\n  setHovered: React.Dispatch<React.SetStateAction<boolean>>\n  active: boolean\n  hasIconSlot: boolean\n  setActive: React.Dispatch<React.SetStateAction<boolean>>\n  setHasIconSlot: React.Dispatch<React.SetStateAction<boolean>>\n  actionButtonRef: React.RefObject<HTMLAnchorElement | HTMLButtonElement>\n  inputRef: React.RefObject<HTMLInputElement>\n  editable: boolean\n}\n\nexport type InputProviderProps = InputProps\n\nconst InputContext = createContext<InputContextProps>({} as any)\n\nexport const InputProvider = ({\n  children,\n  disabled,\n  ariaDisabled,\n  readOnly,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): any => {\n  const actionButtonRef = useRef<HTMLAnchorElement | HTMLButtonElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [focused, setFocused] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const [active, setActive] = useState(false)\n  const [hasIconSlot, setHasIconSlot] = useState(false)\n  const editable =\n    !booleanify(disabled) && !booleanify(ariaDisabled) && !booleanify(readOnly)\n\n  return (\n    <InputContext.Provider\n      value={{\n        ...restProps,\n        setFocused,\n        setHovered,\n        setActive,\n        setHasIconSlot,\n        hasIconSlot,\n        active,\n        hovered,\n        focused,\n        disabled,\n        ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React, { useEffect } from 'react'\nimport { addPropsToChildren, booleanify } from '@mirohq/design-system-utils'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport type { ElementRef } from 'react'\n\nimport { StyledIconSlot } from './icon-slot.styled'\nimport { useInputContext } from '../hooks/use-input-context'\nimport type { StyledIconSlotProps } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  StyledIconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { ariaDisabled, disabled, setHasIconSlot } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  useEffect(() => {\n    setHasIconSlot(true)\n    return () => setHasIconSlot(false)\n  }, [setHasIconSlot])\n\n  return (\n    <StyledIconSlot\n      {...restProps}\n      disabled={booleanify(disabled ?? ariaDisabled)}\n      ref={forwardRef}\n    >\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n\nIconSlot.displayName = 'IconSlot'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport { focus } from '@mirohq/design-system-styles'\nimport type { ComponentPropsWithRef } from 'react'\n\nexport const StyledActionButton = styled(BaseButton, {\n  backgroundColor: 'transparent',\n  color: '$icon-neutrals-subtle',\n  display: 'flex',\n  justifyContent: 'center',\n  order: 3,\n  padding: '6px',\n  square: '$7',\n\n  '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n    square: '$icon-200',\n    '--svg-stroke-width': '$stroke-width$thin',\n  },\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n  }),\n\n  '&:hover': {\n    backgroundColor: '$background-neutrals-subtle-hover',\n  },\n\n  '&:active, &[data-pressed]': {\n    backgroundColor: '$background-neutrals-subtle-active',\n  },\n\n  variants: {\n    readOnlyAppearance: {\n      true: {\n        '& svg[data-icon-component], & img[data-icon-component]': {\n          color: '$icon-neutrals-subtle',\n        },\n      },\n    },\n    disableAppearance: {\n      true: {\n        color: '$icon-neutrals-disabled',\n      },\n    },\n  },\n})\n\nexport type StyledActionButtonProps = ComponentPropsWithRef<\n  typeof StyledActionButton\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport {\n  mergeRefs,\n  booleanify,\n  addPropsToChildren,\n} from '@mirohq/design-system-utils'\nimport { Tooltip } from '@mirohq/design-system-tooltip'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\n\nimport { StyledActionButton } from './action-button.styled'\nimport type { StyledActionButtonProps } from './action-button.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface ActionButtonProps extends StyledActionButtonProps {\n  label: string\n}\n\nexport const ActionButton = React.forwardRef<\n  ElementRef<typeof StyledActionButton>,\n  ActionButtonProps\n>(({ 'aria-label': ariaLabel, label, children, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    hovered,\n    editable,\n    active,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot =\n    valid === undefined || booleanify(hovered) || booleanify(active)\n\n  let formattedChildren = children\n\n  formattedChildren = addPropsToChildren(children, isIconComponent, {\n    'aria-hidden': true,\n  })\n\n  const hasPressEvent = Object.keys(restProps).some(key =>\n    key.startsWith('onPress')\n  )\n  const customDisabled = restProps.disabled\n\n  return (\n    <>\n      {showInputSlot && (\n        <Tooltip>\n          <Tooltip.Trigger asChild>\n            <StyledActionButton\n              type='button'\n              {...restProps}\n              aria-label={ariaLabel ?? label}\n              disabled={\n                hasPressEvent ? customDisabled : customDisabled ?? !editable\n              }\n              disableAppearance={\n                hasPressEvent\n                  ? !booleanify(readOnly) && customDisabled\n                  : booleanify(disabled ?? ariaDisabled)\n              }\n              readOnlyAppearance={readOnly}\n              ref={mergeRefs([forwardRef, actionButtonRef])}\n            >\n              {formattedChildren}\n            </StyledActionButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    </>\n  )\n})\n","import { IconCross } from '@mirohq/design-system-icons'\nimport type { HTMLProps } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { ActionButton } from './partials/action-button'\nimport { useInputContext } from './hooks/use-input-context'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface ClearProps {\n  /**\n   * Show X button for clearing the input value.\n   */\n  clearable: boolean\n\n  /**\n   * Tooltip label for the clear button.\n   */\n\n  clearLabel: string\n\n  /**\n   * Callback event called when clearing the input.\n   */\n  onClear?: (value: Value) => void\n\n  /**\n   * The controlled input's value.\n   */\n  value?: Value\n}\n\ninterface ClearActionProps extends ClearProps {\n  inputRef: React.RefObject<HTMLInputElement>\n}\n\nexport const ClearAction = ({\n  clearable,\n  clearLabel,\n  onClear,\n  inputRef,\n  value,\n}: ClearActionProps): JSX.Element => {\n  const { disabled, ariaDisabled, readOnly } = useInputContext()\n\n  if (!clearable) return <></>\n\n  return (\n    <ActionButton\n      label={clearLabel}\n      disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n      onPress={() => {\n        onClear?.(value ?? inputRef.current?.value)\n\n        if (value === undefined && inputRef.current !== null) {\n          inputRef.current.value = ''\n        }\n      }}\n    >\n      <IconCross />\n    </ActionButton>\n  )\n}\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\n\nimport { StyledIconSlot } from './partials/icon-slot.styled'\nimport { StyledActionButton } from './partials/action-button.styled'\n\nexport const StyledIconExclamationPointCircle = styled(\n  IconExclamationPointCircle,\n  {\n    color: '$icon-danger',\n  }\n)\n\nexport const StyledIconCheckMark = styled(IconCheckMark, {\n  color: '$icon-success',\n})\n\nexport const StyledValidityBox = styled(Primitive.div, {\n  order: 3,\n  display: 'flex',\n  alignItems: 'center',\n  padding: '6px',\n})\n\nexport const StyledBaseInput = styled('div', {\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  justifyContent: 'flex-end',\n  position: 'relative',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  width: '100%',\n  ...baseInputStyles.variants.idle,\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: baseInputStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: baseInputStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      large: {\n        height: '$10',\n        padding: '0 $100 ',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$50',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$50',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n      'x-large': {\n        height: '$12',\n        padding: '0 $150',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$100',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$100',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    /** Idle states */\n    {\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: baseInputStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: baseInputStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.hovered,\n    },\n  ],\n  defaultVariants: {\n    size: 'large',\n  },\n})\n\nexport type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\n\nconst disabledAndReadonlySelectors =\n  ':read-only, :disabled, [aria-disabled=\"true\"], [data-disabled]'\n\nexport const StyledInput = styled(Primitive.input, {\n  all: 'unset',\n  background: 'transparent',\n  color: '$text-neutrals',\n  width: '100%',\n  borderRadius: '$50',\n  order: 2,\n  padding: '0 $50',\n  height: '100%',\n\n  '&::placeholder': {\n    fontStyle: 'italic',\n  },\n\n  [`&:not(${disabledAndReadonlySelectors})::placeholder`]:\n    baseInputStyles.base.placeholder,\n\n  '&:read-only': {\n    color: baseInputStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    baseInputStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React from 'react'\nimport type { FocusEventHandler, ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-base-input'\nimport { mergeProps } from '@react-aria/utils'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface InputProps extends StyledInputProps {}\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  InputProps\n>((props, forwardRef) => {\n  const { ariaDisabled, disabled, readOnly, setFocused, inputRef } =\n    useInputContext()\n\n  let elementProps = useAriaDisabled(props, ariaDisabled)\n\n  const onBlurEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(false)\n  }\n\n  const onFocusEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(true)\n  }\n\n  elementProps = mergeProps(elementProps, {\n    onBlur: onBlurEventHandler,\n    onFocus: onFocusEventHandler,\n  })\n\n  return (\n    <StyledInput\n      {...elementProps}\n      aria-disabled={ariaDisabled}\n      disabled={disabled}\n      readOnly={readOnly}\n      ref={mergeRefs([inputRef, forwardRef])}\n    />\n  )\n})\n","import React, { useRef } from 'react'\nimport type {\n  DOMAttributes,\n  ElementRef,\n  ForwardRefExoticComponent,\n} from 'react'\nimport { booleanify, mergeRefs } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\nimport { useHover } from '@react-aria/interactions'\nimport { FloatingLabel } from '@mirohq/design-system-base-input'\n\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport type { StyledBaseInputProps } from './base-input.styled'\n\nconst FLOATING_LABEL_OFFSET = 32\nconst FLOATING_LABEL_OFFSET_X_LARGE = 40\n\nexport interface BaseInputProps\n  extends Omit<StyledBaseInputProps, keyof DOMAttributes<Element>> {\n  'aria-disabled'?: Booleanish | undefined\n  disabled?: boolean | undefined\n  readOnly?: boolean | undefined\n  valid?: boolean | undefined\n  hovered?: boolean | undefined\n  focused?: boolean | undefined\n  children: React.ReactNode\n  className?: string | undefined\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  label?: React.ReactNode\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(({ children, size, label, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    active,\n    setHovered,\n    setActive,\n    inputRef,\n    actionButtonRef,\n    hasIconSlot,\n  } = useInputContext()\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  const showValidityIcon =\n    !ariaDisabledOrDisabled &&\n    !booleanify(readOnly) &&\n    !booleanify(hovered) &&\n    !booleanify(focused) &&\n    !booleanify(active) &&\n    (valid === true || valid === false)\n\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  const inputValue =\n    inputRef.current?.value ?? restProps.value ?? restProps.defaultValue\n  const isPlaceholder =\n    (inputValue === undefined || inputValue === '') && !focused\n\n  return (\n    <StyledBaseInput\n      {...restProps}\n      {...hoverProps}\n      ref={mergeRefs([ref, forwardRef])}\n      size={size}\n      hovered={hovered}\n      focused={focused}\n      valid={valid}\n      disabled={booleanify(disabled)}\n      ariaDisabled={booleanify(ariaDisabled)}\n      readOnly={booleanify(readOnly)}\n      data-invalid={valid === false ? '' : undefined}\n      data-valid={valid === true ? '' : undefined}\n      onFocus={() => {\n        setActive(true)\n      }}\n      onBlur={() => {\n        setTimeout(() => {\n          if (\n            ref?.current != null &&\n            !ref?.current?.contains(document.activeElement)\n          ) {\n            setActive(false)\n          }\n        }, 0)\n      }}\n      onClick={({ target }) => {\n        const shouldFocusInput = target !== actionButtonRef.current\n\n        if (shouldFocusInput) {\n          inputRef.current?.focus()\n        }\n      }}\n    >\n      {label !== undefined && (\n        <FloatingLabel\n          floating={!isPlaceholder}\n          size={size}\n          css={{\n            left:\n              isPlaceholder && hasIconSlot\n                ? size === 'x-large'\n                  ? FLOATING_LABEL_OFFSET_X_LARGE\n                  : FLOATING_LABEL_OFFSET\n                : undefined,\n          }}\n          asChild\n        >\n          {label}\n        </FloatingLabel>\n      )}\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    { 'aria-disabled': ariaDisabled, disabled, valid, readOnly, ...restProps },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      ariaDisabled={ariaDisabled}\n      readOnly={readOnly}\n    >\n      <Root {...restProps} ref={forwardRef} />\n    </InputProvider>\n  )\n) as ForwardRefExoticComponent<BaseInputProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\nexport interface Partials {\n  Input: typeof Input\n}\n\nBaseInput.Input = Input\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { inputSymbol } from '@mirohq/design-system-base-input'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { ClearAction } from './clear-action'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputProps = InputSharedProps & ({ clearable?: never } | ClearProps)\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n  ({ value, defaultValue, ...restProps }, forwardRef) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const {\n      clearable = false,\n      onClear,\n      clearLabel,\n      ...elementProps\n    } = restProps as ClearProps\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      children,\n      className,\n      css,\n      label,\n      ...inputProps\n    } = elementProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        className={className}\n        css={css}\n        size={size}\n        label={label}\n        value={value}\n        defaultValue={defaultValue}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          css={\n            label !== undefined\n              ? { '&::placeholder': { opacity: 0 } }\n              : undefined\n          }\n          value={value}\n          defaultValue={defaultValue}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        {children}\n        <ClearAction\n          clearable={clearable}\n          clearLabel={clearLabel}\n          onClear={onClear}\n          inputRef={inputRef}\n          value={value}\n        />\n      </BaseInput>\n    )\n  }\n) as ForwardRefExoticComponent<InputProps> &\n  Partials & {\n    [inputSymbol]?: boolean\n  }\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n\nInput[inputSymbol] = true\n","import React, { useState, useRef } from 'react'\nimport {\n  IconEyeOpen,\n  IconEyeClosed,\n  IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, HTMLProps } from 'react'\n\nimport { BaseInput } from './base-input'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface InputPasswordProps\n  extends Omit<InputSharedProps, 'type' | 'children'> {\n  /**\n   * A boolean for the default password state (visible or masked).\n   */\n  defaultReveal?: boolean\n\n  /**\n   * Indicates whether the password should be revealed (visible) or hidden (masked).\n   */\n  reveal?: boolean\n\n  /**\n   * Callback function to be called when the password is revealed.\n   */\n  onReveal?: (value: Value) => void\n\n  /**\n   * Callback function to be called when the password is hidden (masked).\n   */\n  onHide?: (value: Value) => void\n\n  /**\n   * Tooltip label text for the action to reveal the password.\n   */\n  revealLabel: string\n\n  /**\n   * Tooltip label text for the action to hide (mask) the password.\n   */\n  hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n  ElementRef<'input'>,\n  InputPasswordProps\n>(\n  (\n    {\n      value,\n      reveal,\n      defaultReveal,\n      onReveal,\n      onHide,\n      hideLabel,\n      revealLabel,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n    const [revealState, setRevealState] = useState(defaultReveal ?? false)\n    const revealInternal = reveal ?? revealState\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      ...inputProps\n    } = restProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        size={size}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          type={revealInternal ? 'text' : 'password'}\n          value={value}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        <IconSlot>\n          <IconLockClosed />\n        </IconSlot>\n        <ActionButton\n          label={revealInternal ? hideLabel : revealLabel}\n          disabled={false}\n          onPress={() => {\n            const valueInternal = value ?? inputRef.current?.value\n\n            if (revealInternal) {\n              onHide?.(valueInternal)\n            } else {\n              onReveal?.(valueInternal)\n            }\n\n            if (value === undefined) {\n              setRevealState(reveal => !reveal)\n            }\n          }}\n        >\n          {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n        </ActionButton>\n      </BaseInput>\n    )\n  }\n)\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport { ClearAction } from './clear-action'\nimport type { ClearProps } from './clear-action'\n\nexport type InputEmailProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputEmail = React.forwardRef<\n  ElementRef<'input'>,\n  InputEmailProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        type='email'\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconEnvelope />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport { ClearAction } from './clear-action'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputSearchProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputSearch = React.forwardRef<\n  ElementRef<'input'>,\n  InputSearchProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconMagnifyingGlass />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["styled","Primitive","createContext","useRef","useState","booleanify","jsx","useContext","React","addPropsToChildren","isIconComponent","useEffect","BaseButton","focus","Fragment","jsxs","Tooltip","mergeRefs","_a","IconCross","IconExclamationPointCircle","IconCheckMark","baseInputStyles","Input","useAriaDisabled","mergeProps","useHover","FloatingLabel","inputSymbol","IconLockClosed","reveal","IconEyeOpen","IconEyeClosed","IconEnvelope","IconMagnifyingGlass"],"mappings":"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"}

package/dist/module.js

@@ -1,6 +1,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React, { createContext, useRef, useState, useContext } from 'react';
+import React, { createContext, useRef, useState, useContext, useEffect } from 'react';
 import { booleanify, addPropsToChildren, mergeRefs } from '@mirohq/design-system-utils';
+import { styles, useAriaDisabled, FloatingLabel, inputSymbol } from '@mirohq/design-system-base-input';
 import { isIconComponent } from '@mirohq/design-system-base-icon';
 import { styled } from '@mirohq/design-system-stitches';
 import { Primitive } from '@mirohq/design-system-primitive';
@@ -9,7 +10,6 @@ import { BaseButton } from '@mirohq/design-system-base-button';
 import { focus } from '@mirohq/design-system-styles';
 import { IconCross, IconExclamationPointCircle, IconCheckMark, IconLockClosed, IconEyeOpen, IconEyeClosed, IconEnvelope, IconMagnifyingGlass } from '@mirohq/design-system-icons';
 import { useHover } from '@react-aria/interactions';
-import { styles, useAriaDisabled } from '@mirohq/design-system-base-input';
 import { mergeProps } from '@react-aria/utils';
 
 const StyledIconSlot = styled(Primitive.div, {
@@ -32,20 +32,7 @@ const StyledIconSlot = styled(Primitive.div, {
   }
 });
 
-const InputContext = createContext({
-  actionButtonRef: { current: null },
-  inputRef: { current: null },
-  setFocused: () => {
-  },
-  setHovered: () => {
-  },
-  setActive: () => {
-  },
-  editable: true,
-  hovered: false,
-  focused: false,
-  active: false
-});
+const InputContext = createContext({});
 const InputProvider = ({
   children,
   disabled,
@@ -58,6 +45,7 @@ const InputProvider = ({
   const [focused, setFocused] = useState(false);
   const [hovered, setHovered] = useState(false);
   const [active, setActive] = useState(false);
+  const [hasIconSlot, setHasIconSlot] = useState(false);
   const editable = !booleanify(disabled) && !booleanify(ariaDisabled) && !booleanify(readOnly);
   return /* @__PURE__ */ jsx(
     InputContext.Provider,
@@ -67,6 +55,8 @@ const InputProvider = ({
         setFocused,
         setHovered,
         setActive,
+        setHasIconSlot,
+        hasIconSlot,
         active,
         hovered,
         focused,
@@ -84,12 +74,16 @@ const InputProvider = ({
 const useInputContext = () => useContext(InputContext);
 
 const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
-  const { ariaDisabled, disabled } = useInputContext();
+  const { ariaDisabled, disabled, setHasIconSlot } = useInputContext();
   const formattedChildren = addPropsToChildren(children, isIconComponent, {
     size: "small",
     weight: "thin",
     "aria-hidden": true
   });
+  useEffect(() => {
+    setHasIconSlot(true);
+    return () => setHasIconSlot(false);
+  }, [setHasIconSlot]);
   return /* @__PURE__ */ jsx(
     StyledIconSlot,
     {
@@ -100,6 +94,7 @@ const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {
     }
   );
 });
+IconSlot.displayName = "IconSlot";
 
 const StyledActionButton = styled(BaseButton, {
   backgroundColor: "transparent",
@@ -400,7 +395,10 @@ const Input$1 = React.forwardRef((props, forwardRef) => {
   );
 });
 
-const Root = React.forwardRef(({ children, ...restProps }, forwardRef) => {
+const FLOATING_LABEL_OFFSET = 32;
+const FLOATING_LABEL_OFFSET_X_LARGE = 40;
+const Root = React.forwardRef(({ children, size, label, ...restProps }, forwardRef) => {
+  var _a, _b, _c;
   const {
     valid,
     ariaDisabled,
@@ -411,7 +409,8 @@ const Root = React.forwardRef(({ children, ...restProps }, forwardRef) => {
     setHovered,
     setActive,
     inputRef,
-    actionButtonRef
+    actionButtonRef,
+    hasIconSlot
   } = useInputContext();
   const ref = useRef(null);
   const { hoverProps, isHovered: hovered } = useHover({
@@ -420,12 +419,15 @@ const Root = React.forwardRef(({ children, ...restProps }, forwardRef) => {
   const ariaDisabledOrDisabled = booleanify(ariaDisabled) || booleanify(disabled);
   const showValidityIcon = !ariaDisabledOrDisabled && !booleanify(readOnly) && !booleanify(hovered) && !booleanify(focused) && !booleanify(active) && (valid === true || valid === false);
   const ValidIcon = valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle;
+  const inputValue = (_c = (_b = (_a = inputRef.current) == null ? void 0 : _a.value) != null ? _b : restProps.value) != null ? _c : restProps.defaultValue;
+  const isPlaceholder = (inputValue === void 0 || inputValue === "") && !focused;
   return /* @__PURE__ */ jsxs(
     StyledBaseInput,
     {
       ...restProps,
       ...hoverProps,
       ref: mergeRefs([ref, forwardRef]),
+      size,
       hovered,
       focused,
       valid,
@@ -439,20 +441,32 @@ const Root = React.forwardRef(({ children, ...restProps }, forwardRef) => {
       },
       onBlur: () => {
         setTimeout(() => {
-          var _a;
-          if ((ref == null ? void 0 : ref.current) != null && !((_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.contains(document.activeElement))) {
+          var _a2;
+          if ((ref == null ? void 0 : ref.current) != null && !((_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.contains(document.activeElement))) {
             setActive(false);
           }
         }, 0);
       },
       onClick: ({ target }) => {
-        var _a;
+        var _a2;
         const shouldFocusInput = target !== actionButtonRef.current;
         if (shouldFocusInput) {
-          (_a = inputRef.current) == null ? void 0 : _a.focus();
+          (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
         }
       },
       children: [
+        label !== void 0 && /* @__PURE__ */ jsx(
+          FloatingLabel,
+          {
+            floating: !isPlaceholder,
+            size,
+            css: {
+              left: isPlaceholder && hasIconSlot ? size === "x-large" ? FLOATING_LABEL_OFFSET_X_LARGE : FLOATING_LABEL_OFFSET : void 0
+            },
+            asChild: true,
+            children: label
+          }
+        ),
         children,
         showValidityIcon && /* @__PURE__ */ jsx(StyledValidityBox, { children: /* @__PURE__ */ jsx(ValidIcon, { size: "small" }) })
       ]
@@ -474,7 +488,7 @@ const BaseInput = React.forwardRef(
 BaseInput.Input = Input$1;
 
 const Input = React.forwardRef(
-  ({ value, ...restProps }, forwardRef) => {
+  ({ value, defaultValue, ...restProps }, forwardRef) => {
     const inputRef = useRef(null);
     const {
       clearable = false,
@@ -493,6 +507,7 @@ const Input = React.forwardRef(
       children,
       className,
       css,
+      label,
       ...inputProps
     } = elementProps;
     return /* @__PURE__ */ jsxs(
@@ -507,12 +522,17 @@ const Input = React.forwardRef(
         className,
         css,
         size,
+        label,
+        value,
+        defaultValue,
         children: [
           /* @__PURE__ */ jsx(
             BaseInput.Input,
             {
               ...inputProps,
+              css: label !== void 0 ? { "&::placeholder": { opacity: 0 } } : void 0,
               value,
+              defaultValue,
               ref: mergeRefs([inputRef, forwardRef])
             }
           ),
@@ -534,6 +554,7 @@ const Input = React.forwardRef(
 );
 Input.ActionButton = ActionButton;
 Input.IconSlot = IconSlot;
+Input[inputSymbol] = true;
 
 const InputPassword = React.forwardRef(
   ({

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/partials/icon-slot.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/icon-slot.tsx","../src/partials/action-button.styled.tsx","../src/partials/action-button.tsx","../src/clear-action.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/partials/input.tsx","../src/base-input.tsx","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.div, {\n  order: 1,\n  alignContent: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  color: '$icon-neutrals-subtle',\n\n  '& svg, & img': {\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        '& svg': {\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\n\nexport interface InputContextProps {\n  disabled?: boolean\n  ariaDisabled?: Booleanish\n  readOnly?: boolean\n  valid?: boolean\n  hovered: boolean\n  focused: boolean\n  active: boolean\n  actionButtonRef: React.RefObject<HTMLAnchorElement | HTMLButtonElement>\n  inputRef: React.RefObject<HTMLInputElement>\n  setFocused: React.Dispatch<React.SetStateAction<boolean>>\n  setHovered: React.Dispatch<React.SetStateAction<boolean>>\n  setActive: React.Dispatch<React.SetStateAction<boolean>>\n  editable: boolean\n}\n\ninterface InputProviderProps {\n  disabled?: boolean\n  ariaDisabled?: Booleanish\n  readOnly?: boolean\n  valid?: boolean\n  hovered?: boolean\n  focused?: boolean\n  active?: boolean\n  editable?: boolean\n}\n\nconst InputContext = createContext<InputContextProps>({\n  actionButtonRef: { current: null },\n  inputRef: { current: null },\n  setFocused: () => {},\n  setHovered: () => {},\n  setActive: () => {},\n  editable: true,\n  hovered: false,\n  focused: false,\n  active: false,\n})\n\nexport const InputProvider = ({\n  children,\n  disabled,\n  ariaDisabled,\n  readOnly,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): any => {\n  const actionButtonRef = useRef<HTMLAnchorElement | HTMLButtonElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [focused, setFocused] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const [active, setActive] = useState(false)\n  const editable =\n    !booleanify(disabled) && !booleanify(ariaDisabled) && !booleanify(readOnly)\n\n  return (\n    <InputContext.Provider\n      value={{\n        ...restProps,\n        setFocused,\n        setHovered,\n        setActive,\n        active,\n        hovered,\n        focused,\n        disabled,\n        ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React from 'react'\nimport { addPropsToChildren, booleanify } from '@mirohq/design-system-utils'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport type { ElementRef } from 'react'\n\nimport { StyledIconSlot } from './icon-slot.styled'\nimport { useInputContext } from '../hooks/use-input-context'\nimport type { StyledIconSlotProps } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  StyledIconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { ariaDisabled, disabled } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  return (\n    <StyledIconSlot\n      {...restProps}\n      disabled={booleanify(disabled ?? ariaDisabled)}\n      ref={forwardRef}\n    >\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n","import { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport { focus } from '@mirohq/design-system-styles'\nimport type { ComponentPropsWithRef } from 'react'\n\nexport const StyledActionButton = styled(BaseButton, {\n  backgroundColor: 'transparent',\n  color: '$icon-neutrals-subtle',\n  display: 'flex',\n  justifyContent: 'center',\n  order: 3,\n  padding: '6px',\n  square: '$7',\n\n  '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n    square: '$icon-200',\n    '--svg-stroke-width': '$stroke-width$thin',\n  },\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n  }),\n\n  '&:hover': {\n    backgroundColor: '$background-neutrals-subtle-hover',\n  },\n\n  '&:active, &[data-pressed]': {\n    backgroundColor: '$background-neutrals-subtle-active',\n  },\n\n  variants: {\n    readOnlyAppearance: {\n      true: {\n        '& svg[data-icon-component], & img[data-icon-component]': {\n          color: '$icon-neutrals-subtle',\n        },\n      },\n    },\n    disableAppearance: {\n      true: {\n        color: '$icon-neutrals-disabled',\n      },\n    },\n  },\n})\n\nexport type StyledActionButtonProps = ComponentPropsWithRef<\n  typeof StyledActionButton\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport {\n  mergeRefs,\n  booleanify,\n  addPropsToChildren,\n} from '@mirohq/design-system-utils'\nimport { Tooltip } from '@mirohq/design-system-tooltip'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\n\nimport { StyledActionButton } from './action-button.styled'\nimport type { StyledActionButtonProps } from './action-button.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface ActionButtonProps extends StyledActionButtonProps {\n  label: string\n}\n\nexport const ActionButton = React.forwardRef<\n  ElementRef<typeof StyledActionButton>,\n  ActionButtonProps\n>(({ 'aria-label': ariaLabel, label, children, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    hovered,\n    editable,\n    active,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot =\n    valid === undefined || booleanify(hovered) || booleanify(active)\n\n  let formattedChildren = children\n\n  formattedChildren = addPropsToChildren(children, isIconComponent, {\n    'aria-hidden': true,\n  })\n\n  const hasPressEvent = Object.keys(restProps).some(key =>\n    key.startsWith('onPress')\n  )\n  const customDisabled = restProps.disabled\n\n  return (\n    <>\n      {showInputSlot && (\n        <Tooltip>\n          <Tooltip.Trigger asChild>\n            <StyledActionButton\n              type='button'\n              {...restProps}\n              aria-label={ariaLabel ?? label}\n              disabled={\n                hasPressEvent ? customDisabled : customDisabled ?? !editable\n              }\n              disableAppearance={\n                hasPressEvent\n                  ? !booleanify(readOnly) && customDisabled\n                  : booleanify(disabled ?? ariaDisabled)\n              }\n              readOnlyAppearance={readOnly}\n              ref={mergeRefs([forwardRef, actionButtonRef])}\n            >\n              {formattedChildren}\n            </StyledActionButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    </>\n  )\n})\n","import { IconCross } from '@mirohq/design-system-icons'\nimport type { HTMLProps } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { ActionButton } from './partials/action-button'\nimport { useInputContext } from './hooks/use-input-context'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface ClearProps {\n  /**\n   * Show X button for clearing the input value.\n   */\n  clearable: boolean\n\n  /**\n   * Tooltip label for the clear button.\n   */\n\n  clearLabel: string\n\n  /**\n   * Callback event called when clearing the input.\n   */\n  onClear?: (value: Value) => void\n\n  /**\n   * The controlled input's value.\n   */\n  value?: Value\n}\n\ninterface ClearActionProps extends ClearProps {\n  inputRef: React.RefObject<HTMLInputElement>\n}\n\nexport const ClearAction = ({\n  clearable,\n  clearLabel,\n  onClear,\n  inputRef,\n  value,\n}: ClearActionProps): JSX.Element => {\n  const { disabled, ariaDisabled, readOnly } = useInputContext()\n\n  if (!clearable) return <></>\n\n  return (\n    <ActionButton\n      label={clearLabel}\n      disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n      onPress={() => {\n        onClear?.(value ?? inputRef.current?.value)\n\n        if (value === undefined && inputRef.current !== null) {\n          inputRef.current.value = ''\n        }\n      }}\n    >\n      <IconCross />\n    </ActionButton>\n  )\n}\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\n\nimport { StyledIconSlot } from './partials/icon-slot.styled'\nimport { StyledActionButton } from './partials/action-button.styled'\n\nexport const StyledIconExclamationPointCircle = styled(\n  IconExclamationPointCircle,\n  {\n    color: '$icon-danger',\n  }\n)\n\nexport const StyledIconCheckMark = styled(IconCheckMark, {\n  color: '$icon-success',\n})\n\nexport const StyledValidityBox = styled(Primitive.div, {\n  order: 3,\n  display: 'flex',\n  alignItems: 'center',\n  padding: '6px',\n})\n\nexport const StyledBaseInput = styled('div', {\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  justifyContent: 'flex-end',\n  position: 'relative',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  width: '100%',\n  ...baseInputStyles.variants.idle,\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: baseInputStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: baseInputStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      large: {\n        height: '$10',\n        padding: '0 $100 ',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$50',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$50',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n      'x-large': {\n        height: '$12',\n        padding: '0 $150',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$100',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$100',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    /** Idle states */\n    {\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: baseInputStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: baseInputStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.hovered,\n    },\n  ],\n  defaultVariants: {\n    size: 'large',\n  },\n})\n\nexport type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\n\nconst disabledAndReadonlySelectors =\n  ':read-only, :disabled, [aria-disabled=\"true\"], [data-disabled]'\n\nexport const StyledInput = styled(Primitive.input, {\n  all: 'unset',\n  background: 'transparent',\n  color: '$text-neutrals',\n  width: '100%',\n  borderRadius: '$50',\n  order: 2,\n  padding: '0 $50',\n  height: '100%',\n\n  '&::placeholder': {\n    fontStyle: 'italic',\n  },\n\n  [`&:not(${disabledAndReadonlySelectors})::placeholder`]:\n    baseInputStyles.base.placeholder,\n\n  '&:read-only': {\n    color: baseInputStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    baseInputStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React from 'react'\nimport type { FocusEventHandler, ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-base-input'\nimport { mergeProps } from '@react-aria/utils'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface InputProps extends StyledInputProps {}\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  StyledInputProps\n>((props, forwardRef) => {\n  const { ariaDisabled, disabled, readOnly, setFocused, inputRef } =\n    useInputContext()\n\n  let elementProps = useAriaDisabled(props, ariaDisabled)\n\n  const onBlurEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(false)\n  }\n\n  const onFocusEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(true)\n  }\n\n  elementProps = mergeProps(elementProps, {\n    onBlur: onBlurEventHandler,\n    onFocus: onFocusEventHandler,\n  })\n\n  return (\n    <StyledInput\n      {...elementProps}\n      aria-disabled={ariaDisabled}\n      disabled={disabled}\n      readOnly={readOnly}\n      ref={mergeRefs([inputRef, forwardRef])}\n    />\n  )\n})\n","import React, { useRef } from 'react'\nimport type {\n  DOMAttributes,\n  ElementRef,\n  ForwardRefExoticComponent,\n} from 'react'\nimport { booleanify, mergeRefs } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\nimport { useHover } from '@react-aria/interactions'\n\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport type { StyledBaseInputProps } from './base-input.styled'\n\nexport interface BaseInputProps\n  extends Omit<StyledBaseInputProps, keyof DOMAttributes<Element>> {\n  'aria-disabled'?: Booleanish | undefined\n  disabled?: boolean | undefined\n  readOnly?: boolean | undefined\n  valid?: boolean | undefined\n  hovered?: boolean | undefined\n  focused?: boolean | undefined\n  children: React.ReactNode\n  className?: string | undefined\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(({ children, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    active,\n    setHovered,\n    setActive,\n    inputRef,\n    actionButtonRef,\n  } = useInputContext()\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  const showValidityIcon =\n    !ariaDisabledOrDisabled &&\n    !booleanify(readOnly) &&\n    !booleanify(hovered) &&\n    !booleanify(focused) &&\n    !booleanify(active) &&\n    (valid === true || valid === false)\n\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  return (\n    <StyledBaseInput\n      {...restProps}\n      {...hoverProps}\n      ref={mergeRefs([ref, forwardRef])}\n      hovered={hovered}\n      focused={focused}\n      valid={valid}\n      disabled={booleanify(disabled)}\n      ariaDisabled={booleanify(ariaDisabled)}\n      readOnly={booleanify(readOnly)}\n      data-invalid={valid === false ? '' : undefined}\n      data-valid={valid === true ? '' : undefined}\n      onFocus={() => {\n        setActive(true)\n      }}\n      onBlur={() => {\n        setTimeout(() => {\n          if (\n            ref?.current != null &&\n            !ref?.current?.contains(document.activeElement)\n          ) {\n            setActive(false)\n          }\n        }, 0)\n      }}\n      onClick={({ target }) => {\n        const shouldFocusInput = target !== actionButtonRef.current\n\n        if (shouldFocusInput) {\n          inputRef.current?.focus()\n        }\n      }}\n    >\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    { 'aria-disabled': ariaDisabled, disabled, valid, readOnly, ...restProps },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      ariaDisabled={ariaDisabled}\n      readOnly={readOnly}\n    >\n      <Root {...restProps} ref={forwardRef} />\n    </InputProvider>\n  )\n) as ForwardRefExoticComponent<BaseInputProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\nexport interface Partials {\n  Input: typeof Input\n}\n\nBaseInput.Input = Input\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { ClearAction } from './clear-action'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputProps = InputSharedProps & ({ clearable?: never } | ClearProps)\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n  ({ value, ...restProps }, forwardRef) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const {\n      clearable = false,\n      onClear,\n      clearLabel,\n      ...elementProps\n    } = restProps as ClearProps\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      children,\n      className,\n      css,\n      ...inputProps\n    } = elementProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        className={className}\n        css={css}\n        size={size}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          value={value}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        {children}\n        <ClearAction\n          clearable={clearable}\n          clearLabel={clearLabel}\n          onClear={onClear}\n          inputRef={inputRef}\n          value={value}\n        />\n      </BaseInput>\n    )\n  }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport {\n  IconEyeOpen,\n  IconEyeClosed,\n  IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, HTMLProps } from 'react'\n\nimport { BaseInput } from './base-input'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface InputPasswordProps\n  extends Omit<InputSharedProps, 'type' | 'children'> {\n  /**\n   * A boolean for the default password state (visible or masked).\n   */\n  defaultReveal?: boolean\n\n  /**\n   * Indicates whether the password should be revealed (visible) or hidden (masked).\n   */\n  reveal?: boolean\n\n  /**\n   * Callback function to be called when the password is revealed.\n   */\n  onReveal?: (value: Value) => void\n\n  /**\n   * Callback function to be called when the password is hidden (masked).\n   */\n  onHide?: (value: Value) => void\n\n  /**\n   * Tooltip label text for the action to reveal the password.\n   */\n  revealLabel: string\n\n  /**\n   * Tooltip label text for the action to hide (mask) the password.\n   */\n  hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n  ElementRef<'input'>,\n  InputPasswordProps\n>(\n  (\n    {\n      value,\n      reveal,\n      defaultReveal,\n      onReveal,\n      onHide,\n      hideLabel,\n      revealLabel,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n    const [revealState, setRevealState] = useState(defaultReveal ?? false)\n    const revealInternal = reveal ?? revealState\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      ...inputProps\n    } = restProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        size={size}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          type={revealInternal ? 'text' : 'password'}\n          value={value}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        <IconSlot>\n          <IconLockClosed />\n        </IconSlot>\n        <ActionButton\n          label={revealInternal ? hideLabel : revealLabel}\n          disabled={false}\n          onPress={() => {\n            const valueInternal = value ?? inputRef.current?.value\n\n            if (revealInternal) {\n              onHide?.(valueInternal)\n            } else {\n              onReveal?.(valueInternal)\n            }\n\n            if (value === undefined) {\n              setRevealState(reveal => !reveal)\n            }\n          }}\n        >\n          {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n        </ActionButton>\n      </BaseInput>\n    )\n  }\n)\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport { ClearAction } from './clear-action'\nimport type { ClearProps } from './clear-action'\n\nexport type InputEmailProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputEmail = React.forwardRef<\n  ElementRef<'input'>,\n  InputEmailProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        type='email'\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconEnvelope />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport { ClearAction } from './clear-action'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputSearchProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputSearch = React.forwardRef<\n  ElementRef<'input'>,\n  InputSearchProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconMagnifyingGlass />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["_a","baseInputStyles","Input","reveal"],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../src/partials/icon-slot.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/icon-slot.tsx","../src/partials/action-button.styled.tsx","../src/partials/action-button.tsx","../src/clear-action.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/partials/input.tsx","../src/base-input.tsx","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledIconSlot = styled(Primitive.div, {\n  order: 1,\n  alignContent: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  color: '$icon-neutrals-subtle',\n\n  '& svg, & img': {\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        '& svg': {\n          color: '$icon-neutrals-disabled',\n        },\n      },\n    },\n  },\n})\n\nexport type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\n\ninterface InputProps {\n  disabled?: boolean\n  ariaDisabled?: Booleanish\n  readOnly?: boolean\n  valid?: boolean\n}\n\ninterface InputContextProps extends InputProps {\n  focused: boolean\n  setFocused: React.Dispatch<React.SetStateAction<boolean>>\n  hovered: boolean\n  setHovered: React.Dispatch<React.SetStateAction<boolean>>\n  active: boolean\n  hasIconSlot: boolean\n  setActive: React.Dispatch<React.SetStateAction<boolean>>\n  setHasIconSlot: React.Dispatch<React.SetStateAction<boolean>>\n  actionButtonRef: React.RefObject<HTMLAnchorElement | HTMLButtonElement>\n  inputRef: React.RefObject<HTMLInputElement>\n  editable: boolean\n}\n\nexport type InputProviderProps = InputProps\n\nconst InputContext = createContext<InputContextProps>({} as any)\n\nexport const InputProvider = ({\n  children,\n  disabled,\n  ariaDisabled,\n  readOnly,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): any => {\n  const actionButtonRef = useRef<HTMLAnchorElement | HTMLButtonElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [focused, setFocused] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const [active, setActive] = useState(false)\n  const [hasIconSlot, setHasIconSlot] = useState(false)\n  const editable =\n    !booleanify(disabled) && !booleanify(ariaDisabled) && !booleanify(readOnly)\n\n  return (\n    <InputContext.Provider\n      value={{\n        ...restProps,\n        setFocused,\n        setHovered,\n        setActive,\n        setHasIconSlot,\n        hasIconSlot,\n        active,\n        hovered,\n        focused,\n        disabled,\n        ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React, { useEffect } from 'react'\nimport { addPropsToChildren, booleanify } from '@mirohq/design-system-utils'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport type { ElementRef } from 'react'\n\nimport { StyledIconSlot } from './icon-slot.styled'\nimport { useInputContext } from '../hooks/use-input-context'\nimport type { StyledIconSlotProps } from './icon-slot.styled'\n\nexport interface IconSlotProps extends StyledIconSlotProps {}\n\nexport const IconSlot = React.forwardRef<\n  ElementRef<typeof StyledIconSlot>,\n  StyledIconSlotProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { ariaDisabled, disabled, setHasIconSlot } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  useEffect(() => {\n    setHasIconSlot(true)\n    return () => setHasIconSlot(false)\n  }, [setHasIconSlot])\n\n  return (\n    <StyledIconSlot\n      {...restProps}\n      disabled={booleanify(disabled ?? ariaDisabled)}\n      ref={forwardRef}\n    >\n      {formattedChildren}\n    </StyledIconSlot>\n  )\n})\n\nIconSlot.displayName = 'IconSlot'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport { focus } from '@mirohq/design-system-styles'\nimport type { ComponentPropsWithRef } from 'react'\n\nexport const StyledActionButton = styled(BaseButton, {\n  backgroundColor: 'transparent',\n  color: '$icon-neutrals-subtle',\n  display: 'flex',\n  justifyContent: 'center',\n  order: 3,\n  padding: '6px',\n  square: '$7',\n\n  '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n    square: '$icon-200',\n    '--svg-stroke-width': '$stroke-width$thin',\n  },\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n  }),\n\n  '&:hover': {\n    backgroundColor: '$background-neutrals-subtle-hover',\n  },\n\n  '&:active, &[data-pressed]': {\n    backgroundColor: '$background-neutrals-subtle-active',\n  },\n\n  variants: {\n    readOnlyAppearance: {\n      true: {\n        '& svg[data-icon-component], & img[data-icon-component]': {\n          color: '$icon-neutrals-subtle',\n        },\n      },\n    },\n    disableAppearance: {\n      true: {\n        color: '$icon-neutrals-disabled',\n      },\n    },\n  },\n})\n\nexport type StyledActionButtonProps = ComponentPropsWithRef<\n  typeof StyledActionButton\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport {\n  mergeRefs,\n  booleanify,\n  addPropsToChildren,\n} from '@mirohq/design-system-utils'\nimport { Tooltip } from '@mirohq/design-system-tooltip'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\n\nimport { StyledActionButton } from './action-button.styled'\nimport type { StyledActionButtonProps } from './action-button.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface ActionButtonProps extends StyledActionButtonProps {\n  label: string\n}\n\nexport const ActionButton = React.forwardRef<\n  ElementRef<typeof StyledActionButton>,\n  ActionButtonProps\n>(({ 'aria-label': ariaLabel, label, children, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    hovered,\n    editable,\n    active,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot =\n    valid === undefined || booleanify(hovered) || booleanify(active)\n\n  let formattedChildren = children\n\n  formattedChildren = addPropsToChildren(children, isIconComponent, {\n    'aria-hidden': true,\n  })\n\n  const hasPressEvent = Object.keys(restProps).some(key =>\n    key.startsWith('onPress')\n  )\n  const customDisabled = restProps.disabled\n\n  return (\n    <>\n      {showInputSlot && (\n        <Tooltip>\n          <Tooltip.Trigger asChild>\n            <StyledActionButton\n              type='button'\n              {...restProps}\n              aria-label={ariaLabel ?? label}\n              disabled={\n                hasPressEvent ? customDisabled : customDisabled ?? !editable\n              }\n              disableAppearance={\n                hasPressEvent\n                  ? !booleanify(readOnly) && customDisabled\n                  : booleanify(disabled ?? ariaDisabled)\n              }\n              readOnlyAppearance={readOnly}\n              ref={mergeRefs([forwardRef, actionButtonRef])}\n            >\n              {formattedChildren}\n            </StyledActionButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>{label}</Tooltip.Content>\n        </Tooltip>\n      )}\n    </>\n  )\n})\n","import { IconCross } from '@mirohq/design-system-icons'\nimport type { HTMLProps } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { ActionButton } from './partials/action-button'\nimport { useInputContext } from './hooks/use-input-context'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface ClearProps {\n  /**\n   * Show X button for clearing the input value.\n   */\n  clearable: boolean\n\n  /**\n   * Tooltip label for the clear button.\n   */\n\n  clearLabel: string\n\n  /**\n   * Callback event called when clearing the input.\n   */\n  onClear?: (value: Value) => void\n\n  /**\n   * The controlled input's value.\n   */\n  value?: Value\n}\n\ninterface ClearActionProps extends ClearProps {\n  inputRef: React.RefObject<HTMLInputElement>\n}\n\nexport const ClearAction = ({\n  clearable,\n  clearLabel,\n  onClear,\n  inputRef,\n  value,\n}: ClearActionProps): JSX.Element => {\n  const { disabled, ariaDisabled, readOnly } = useInputContext()\n\n  if (!clearable) return <></>\n\n  return (\n    <ActionButton\n      label={clearLabel}\n      disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n      onPress={() => {\n        onClear?.(value ?? inputRef.current?.value)\n\n        if (value === undefined && inputRef.current !== null) {\n          inputRef.current.value = ''\n        }\n      }}\n    >\n      <IconCross />\n    </ActionButton>\n  )\n}\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\n\nimport { StyledIconSlot } from './partials/icon-slot.styled'\nimport { StyledActionButton } from './partials/action-button.styled'\n\nexport const StyledIconExclamationPointCircle = styled(\n  IconExclamationPointCircle,\n  {\n    color: '$icon-danger',\n  }\n)\n\nexport const StyledIconCheckMark = styled(IconCheckMark, {\n  color: '$icon-success',\n})\n\nexport const StyledValidityBox = styled(Primitive.div, {\n  order: 3,\n  display: 'flex',\n  alignItems: 'center',\n  padding: '6px',\n})\n\nexport const StyledBaseInput = styled('div', {\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  justifyContent: 'flex-end',\n  position: 'relative',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  width: '100%',\n  ...baseInputStyles.variants.idle,\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: baseInputStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: baseInputStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: baseInputStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      large: {\n        height: '$10',\n        padding: '0 $100 ',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$50',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$50',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n      'x-large': {\n        height: '$12',\n        padding: '0 $150',\n        [`& ${StyledIconSlot}`]: {\n          paddingRight: '$100',\n        },\n        [`& ${StyledActionButton}, & ${StyledValidityBox}`]: {\n          marginLeft: '$100',\n        },\n        [`& ${StyledValidityBox}`]: {\n          paddingRight: '6px',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    /** Idle states */\n    {\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: baseInputStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: baseInputStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.invalid.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: baseInputStyles.variants.valid.hovered,\n    },\n  ],\n  defaultVariants: {\n    size: 'large',\n  },\n})\n\nexport type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>\n","import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport { styles as baseInputStyles } from '@mirohq/design-system-base-input'\n\nconst disabledAndReadonlySelectors =\n  ':read-only, :disabled, [aria-disabled=\"true\"], [data-disabled]'\n\nexport const StyledInput = styled(Primitive.input, {\n  all: 'unset',\n  background: 'transparent',\n  color: '$text-neutrals',\n  width: '100%',\n  borderRadius: '$50',\n  order: 2,\n  padding: '0 $50',\n  height: '100%',\n\n  '&::placeholder': {\n    fontStyle: 'italic',\n  },\n\n  [`&:not(${disabledAndReadonlySelectors})::placeholder`]:\n    baseInputStyles.base.placeholder,\n\n  '&:read-only': {\n    color: baseInputStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    baseInputStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React from 'react'\nimport type { FocusEventHandler, ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-base-input'\nimport { mergeProps } from '@react-aria/utils'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport interface InputProps extends StyledInputProps {}\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  InputProps\n>((props, forwardRef) => {\n  const { ariaDisabled, disabled, readOnly, setFocused, inputRef } =\n    useInputContext()\n\n  let elementProps = useAriaDisabled(props, ariaDisabled)\n\n  const onBlurEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(false)\n  }\n\n  const onFocusEventHandler: FocusEventHandler<HTMLInputElement> = (): void => {\n    setFocused?.(true)\n  }\n\n  elementProps = mergeProps(elementProps, {\n    onBlur: onBlurEventHandler,\n    onFocus: onFocusEventHandler,\n  })\n\n  return (\n    <StyledInput\n      {...elementProps}\n      aria-disabled={ariaDisabled}\n      disabled={disabled}\n      readOnly={readOnly}\n      ref={mergeRefs([inputRef, forwardRef])}\n    />\n  )\n})\n","import React, { useRef } from 'react'\nimport type {\n  DOMAttributes,\n  ElementRef,\n  ForwardRefExoticComponent,\n} from 'react'\nimport { booleanify, mergeRefs } from '@mirohq/design-system-utils'\nimport type { Booleanish } from '@mirohq/design-system-types'\nimport { useHover } from '@react-aria/interactions'\nimport { FloatingLabel } from '@mirohq/design-system-base-input'\n\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport type { StyledBaseInputProps } from './base-input.styled'\n\nconst FLOATING_LABEL_OFFSET = 32\nconst FLOATING_LABEL_OFFSET_X_LARGE = 40\n\nexport interface BaseInputProps\n  extends Omit<StyledBaseInputProps, keyof DOMAttributes<Element>> {\n  'aria-disabled'?: Booleanish | undefined\n  disabled?: boolean | undefined\n  readOnly?: boolean | undefined\n  valid?: boolean | undefined\n  hovered?: boolean | undefined\n  focused?: boolean | undefined\n  children: React.ReactNode\n  className?: string | undefined\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  label?: React.ReactNode\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(({ children, size, label, ...restProps }, forwardRef) => {\n  const {\n    valid,\n    ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    active,\n    setHovered,\n    setActive,\n    inputRef,\n    actionButtonRef,\n    hasIconSlot,\n  } = useInputContext()\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  const showValidityIcon =\n    !ariaDisabledOrDisabled &&\n    !booleanify(readOnly) &&\n    !booleanify(hovered) &&\n    !booleanify(focused) &&\n    !booleanify(active) &&\n    (valid === true || valid === false)\n\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  const inputValue =\n    inputRef.current?.value ?? restProps.value ?? restProps.defaultValue\n  const isPlaceholder =\n    (inputValue === undefined || inputValue === '') && !focused\n\n  return (\n    <StyledBaseInput\n      {...restProps}\n      {...hoverProps}\n      ref={mergeRefs([ref, forwardRef])}\n      size={size}\n      hovered={hovered}\n      focused={focused}\n      valid={valid}\n      disabled={booleanify(disabled)}\n      ariaDisabled={booleanify(ariaDisabled)}\n      readOnly={booleanify(readOnly)}\n      data-invalid={valid === false ? '' : undefined}\n      data-valid={valid === true ? '' : undefined}\n      onFocus={() => {\n        setActive(true)\n      }}\n      onBlur={() => {\n        setTimeout(() => {\n          if (\n            ref?.current != null &&\n            !ref?.current?.contains(document.activeElement)\n          ) {\n            setActive(false)\n          }\n        }, 0)\n      }}\n      onClick={({ target }) => {\n        const shouldFocusInput = target !== actionButtonRef.current\n\n        if (shouldFocusInput) {\n          inputRef.current?.focus()\n        }\n      }}\n    >\n      {label !== undefined && (\n        <FloatingLabel\n          floating={!isPlaceholder}\n          size={size}\n          css={{\n            left:\n              isPlaceholder && hasIconSlot\n                ? size === 'x-large'\n                  ? FLOATING_LABEL_OFFSET_X_LARGE\n                  : FLOATING_LABEL_OFFSET\n                : undefined,\n          }}\n          asChild\n        >\n          {label}\n        </FloatingLabel>\n      )}\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    { 'aria-disabled': ariaDisabled, disabled, valid, readOnly, ...restProps },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      ariaDisabled={ariaDisabled}\n      readOnly={readOnly}\n    >\n      <Root {...restProps} ref={forwardRef} />\n    </InputProvider>\n  )\n) as ForwardRefExoticComponent<BaseInputProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\nexport interface Partials {\n  Input: typeof Input\n}\n\nBaseInput.Input = Input\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { inputSymbol } from '@mirohq/design-system-base-input'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { ClearAction } from './clear-action'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputProps = InputSharedProps & ({ clearable?: never } | ClearProps)\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n  ({ value, defaultValue, ...restProps }, forwardRef) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const {\n      clearable = false,\n      onClear,\n      clearLabel,\n      ...elementProps\n    } = restProps as ClearProps\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      children,\n      className,\n      css,\n      label,\n      ...inputProps\n    } = elementProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        className={className}\n        css={css}\n        size={size}\n        label={label}\n        value={value}\n        defaultValue={defaultValue}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          css={\n            label !== undefined\n              ? { '&::placeholder': { opacity: 0 } }\n              : undefined\n          }\n          value={value}\n          defaultValue={defaultValue}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        {children}\n        <ClearAction\n          clearable={clearable}\n          clearLabel={clearLabel}\n          onClear={onClear}\n          inputRef={inputRef}\n          value={value}\n        />\n      </BaseInput>\n    )\n  }\n) as ForwardRefExoticComponent<InputProps> &\n  Partials & {\n    [inputSymbol]?: boolean\n  }\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n\nInput[inputSymbol] = true\n","import React, { useState, useRef } from 'react'\nimport {\n  IconEyeOpen,\n  IconEyeClosed,\n  IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, HTMLProps } from 'react'\n\nimport { BaseInput } from './base-input'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\n\ntype Value = HTMLProps<'input'>['value']\n\nexport interface InputPasswordProps\n  extends Omit<InputSharedProps, 'type' | 'children'> {\n  /**\n   * A boolean for the default password state (visible or masked).\n   */\n  defaultReveal?: boolean\n\n  /**\n   * Indicates whether the password should be revealed (visible) or hidden (masked).\n   */\n  reveal?: boolean\n\n  /**\n   * Callback function to be called when the password is revealed.\n   */\n  onReveal?: (value: Value) => void\n\n  /**\n   * Callback function to be called when the password is hidden (masked).\n   */\n  onHide?: (value: Value) => void\n\n  /**\n   * Tooltip label text for the action to reveal the password.\n   */\n  revealLabel: string\n\n  /**\n   * Tooltip label text for the action to hide (mask) the password.\n   */\n  hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n  ElementRef<'input'>,\n  InputPasswordProps\n>(\n  (\n    {\n      value,\n      reveal,\n      defaultReveal,\n      onReveal,\n      onHide,\n      hideLabel,\n      revealLabel,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n    const [revealState, setRevealState] = useState(defaultReveal ?? false)\n    const revealInternal = reveal ?? revealState\n\n    const {\n      valid,\n      'aria-disabled': ariaDisabled,\n      readOnly,\n      disabled,\n      hovered,\n      focused,\n      size,\n      ...inputProps\n    } = restProps as BaseInputProps\n\n    return (\n      <BaseInput\n        disabled={disabled}\n        valid={valid}\n        aria-disabled={ariaDisabled}\n        readOnly={readOnly}\n        hovered={hovered}\n        focused={focused}\n        size={size}\n      >\n        <BaseInput.Input\n          {...inputProps}\n          type={revealInternal ? 'text' : 'password'}\n          value={value}\n          ref={mergeRefs([inputRef, forwardRef])}\n        />\n        <IconSlot>\n          <IconLockClosed />\n        </IconSlot>\n        <ActionButton\n          label={revealInternal ? hideLabel : revealLabel}\n          disabled={false}\n          onPress={() => {\n            const valueInternal = value ?? inputRef.current?.value\n\n            if (revealInternal) {\n              onHide?.(valueInternal)\n            } else {\n              onReveal?.(valueInternal)\n            }\n\n            if (value === undefined) {\n              setRevealState(reveal => !reveal)\n            }\n          }}\n        >\n          {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n        </ActionButton>\n      </BaseInput>\n    )\n  }\n)\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport { ClearAction } from './clear-action'\nimport type { ClearProps } from './clear-action'\n\nexport type InputEmailProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputEmail = React.forwardRef<\n  ElementRef<'input'>,\n  InputEmailProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        type='email'\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconEnvelope />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React, { useRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { IconSlot } from './partials/icon-slot'\nimport { ActionButton } from './partials/action-button'\nimport { BaseInput } from './base-input'\nimport { ClearAction } from './clear-action'\nimport type { BaseInputProps } from './base-input'\nimport type { InputSharedProps } from './types'\nimport type { ClearProps } from './clear-action'\n\nexport type InputSearchProps = InputSharedProps &\n  ({ clearable?: never } | ClearProps)\n\nexport const InputSearch = React.forwardRef<\n  ElementRef<'input'>,\n  InputSearchProps\n>(({ value, ...restProps }, forwardRef) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    clearable = false,\n    onClear,\n    clearLabel,\n    ...elementProps\n  } = restProps as ClearProps\n\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    readOnly,\n    disabled,\n    hovered,\n    focused,\n    size,\n    children,\n    ...inputProps\n  } = elementProps as BaseInputProps\n\n  return (\n    <BaseInput\n      disabled={disabled}\n      valid={valid}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      hovered={hovered}\n      focused={focused}\n      size={size}\n    >\n      <BaseInput.Input\n        {...inputProps}\n        value={value}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n      {children}\n      <ClearAction\n        clearable={clearable}\n        clearLabel={clearLabel}\n        onClear={onClear}\n        inputRef={inputRef}\n        value={value}\n      />\n      <IconSlot>\n        <IconMagnifyingGlass />\n      </IconSlot>\n    </BaseInput>\n  )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n  ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["_a","baseInputStyles","Input","reveal"],"mappings":";;;;;;;;;;;;;;AAIa,MAAA,cAAA,GAAiB,MAAO,CAAA,SAAA,CAAU,GAAK,EAAA;AAAA,EAClD,KAAO,EAAA,CAAA;AAAA,EACP,YAAc,EAAA,QAAA;AAAA,EACd,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,QAAA;AAAA,EAChB,KAAO,EAAA,uBAAA;AAAA,EAEP,cAAgB,EAAA;AAAA,IACd,aAAe,EAAA,MAAA;AAAA,GACjB;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA;AAAA,MACR,IAAM,EAAA;AAAA,QACJ,OAAS,EAAA;AAAA,UACP,KAAO,EAAA,yBAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;ACID,MAAM,YAAA,GAAe,aAAiC,CAAA,EAAS,CAAA,CAAA;AAExD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,SAAA;AACL,CAAkD,KAAA;AAChD,EAAM,MAAA,eAAA,GAAkB,OAA8C,IAAI,CAAA,CAAA;AAC1E,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAC9C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC1C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AACpD,EAAM,MAAA,QAAA,GACJ,CAAC,UAAA,CAAW,QAAQ,CAAA,IAAK,CAAC,UAAA,CAAW,YAAY,CAAA,IAAK,CAAC,UAAA,CAAW,QAAQ,CAAA,CAAA;AAE5E,EACE,uBAAA,GAAA;AAAA,IAAC,YAAa,CAAA,QAAA;AAAA,IAAb;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,SAAA;AAAA,QACH,UAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,MAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA;AAAA,OACF;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,eAAA,GAAkB,MAAyB,UAAA,CAAW,YAAY,CAAA;;AC5DlE,MAAA,QAAA,GAAW,MAAM,UAG5B,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAA,MAAM,EAAE,YAAA,EAAc,QAAU,EAAA,cAAA,KAAmB,eAAgB,EAAA,CAAA;AACnE,EAAM,MAAA,iBAAA,GAAoB,kBAAmB,CAAA,QAAA,EAAU,eAAiB,EAAA;AAAA,IACtE,IAAM,EAAA,OAAA;AAAA,IACN,MAAQ,EAAA,MAAA;AAAA,IACR,aAAe,EAAA,IAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AACnB,IAAO,OAAA,MAAM,eAAe,KAAK,CAAA,CAAA;AAAA,GACnC,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EACE,uBAAA,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,QAAA,EAAU,UAAW,CAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,YAAY,CAAA;AAAA,MAC7C,GAAK,EAAA,UAAA;AAAA,MAEJ,QAAA,EAAA,iBAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAC,CAAA,CAAA;AAED,QAAA,CAAS,WAAc,GAAA,UAAA;;ACjCV,MAAA,kBAAA,GAAqB,OAAO,UAAY,EAAA;AAAA,EACnD,eAAiB,EAAA,aAAA;AAAA,EACjB,KAAO,EAAA,uBAAA;AAAA,EACP,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,QAAA;AAAA,EAChB,KAAO,EAAA,CAAA;AAAA,EACP,OAAS,EAAA,KAAA;AAAA,EACT,MAAQ,EAAA,IAAA;AAAA,EAER,oEAAsE,EAAA;AAAA,IACpE,MAAQ,EAAA,WAAA;AAAA,IACR,oBAAsB,EAAA,oBAAA;AAAA,GACxB;AAAA,EAEA,GAAG,MAAM,GAAI,CAAA;AAAA,IACX,SAAW,EAAA,cAAA;AAAA,GACZ,CAAA;AAAA,EAED,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,mCAAA;AAAA,GACnB;AAAA,EAEA,2BAA6B,EAAA;AAAA,IAC3B,eAAiB,EAAA,oCAAA;AAAA,GACnB;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,kBAAoB,EAAA;AAAA,MAClB,IAAM,EAAA;AAAA,QACJ,wDAA0D,EAAA;AAAA,UACxD,KAAO,EAAA,uBAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,IAAM,EAAA;AAAA,QACJ,KAAO,EAAA,yBAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;AC3BM,MAAM,YAAe,GAAA,KAAA,CAAM,UAGhC,CAAA,CAAC,EAAE,YAAA,EAAc,SAAW,EAAA,KAAA,EAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5E,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AAEpB,EAAA,MAAM,gBACJ,KAAU,KAAA,KAAA,CAAA,IAAa,WAAW,OAAO,CAAA,IAAK,WAAW,MAAM,CAAA,CAAA;AAEjE,EAAA,IAAI,iBAAoB,GAAA,QAAA,CAAA;AAExB,EAAoB,iBAAA,GAAA,kBAAA,CAAmB,UAAU,eAAiB,EAAA;AAAA,IAChE,aAAe,EAAA,IAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,MAAA,CAAO,IAAK,CAAA,SAAS,CAAE,CAAA,IAAA;AAAA,IAAK,CAAA,GAAA,KAChD,GAAI,CAAA,UAAA,CAAW,SAAS,CAAA;AAAA,GAC1B,CAAA;AACA,EAAA,MAAM,iBAAiB,SAAU,CAAA,QAAA,CAAA;AAEjC,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,QACC,EAAA,aAAA,oBAAA,IAAA,CAAC,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAQ,CAAA,OAAA,EAAR,EAAgB,OAAA,EAAO,IACtB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACJ,GAAG,SAAA;AAAA,QACJ,cAAY,SAAa,IAAA,IAAA,GAAA,SAAA,GAAA,KAAA;AAAA,QACzB,QACE,EAAA,aAAA,GAAgB,cAAiB,GAAA,cAAA,IAAA,IAAA,GAAA,cAAA,GAAkB,CAAC,QAAA;AAAA,QAEtD,iBAAA,EACE,gBACI,CAAC,UAAA,CAAW,QAAQ,CAAK,IAAA,cAAA,GACzB,UAAW,CAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,YAAY,CAAA;AAAA,QAEzC,kBAAoB,EAAA,QAAA;AAAA,QACpB,GAAK,EAAA,SAAA,CAAU,CAAC,UAAA,EAAY,eAAe,CAAC,CAAA;AAAA,QAE3C,QAAA,EAAA,iBAAA;AAAA,OAAA;AAAA,KAEL,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,OAAA,CAAQ,OAAR,EAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,GAAA,EAC1B,CAEJ,EAAA,CAAA,CAAA;AAEJ,CAAC,CAAA;;ACvCM,MAAM,cAAc,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AACF,CAAqC,KAAA;AA1CrC,EAAA,IAAA,EAAA,CAAA;AA2CE,EAAA,MAAM,EAAE,QAAA,EAAU,YAAc,EAAA,QAAA,KAAa,eAAgB,EAAA,CAAA;AAE7D,EAAA,IAAI,CAAC,SAAA;AAAW,IAAA,uBAAS,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AAEzB,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,UAAA;AAAA,MACP,QAAU,EAAA,UAAA,CAAA,CAAW,EAAY,GAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAA,YAAA,KAAZ,YAA4B,QAAQ,CAAA;AAAA,MACzD,SAAS,MAAM;AAnDrB,QAAAA,IAAAA,GAAAA,CAAAA;AAoDQ,QAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAU,KAASA,IAAAA,IAAAA,GAAAA,KAAAA,GAAAA,CAAAA,GAAAA,GAAA,QAAS,CAAA,OAAA,KAAT,gBAAAA,GAAkB,CAAA,KAAA,CAAA,CAAA;AAErC,QAAA,IAAI,KAAU,KAAA,KAAA,CAAA,IAAa,QAAS,CAAA,OAAA,KAAY,IAAM,EAAA;AACpD,UAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,EAAA,CAAA;AAAA,SAC3B;AAAA,OACF;AAAA,MAEA,8BAAC,SAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA;AAEJ,CAAA;;AClDO,MAAM,gCAAmC,GAAA,MAAA;AAAA,EAC9C,0BAAA;AAAA,EACA;AAAA,IACE,KAAO,EAAA,cAAA;AAAA,GACT;AACF,CAAA,CAAA;AAEa,MAAA,mBAAA,GAAsB,OAAO,aAAe,EAAA;AAAA,EACvD,KAAO,EAAA,eAAA;AACT,CAAC,CAAA,CAAA;AAEY,MAAA,iBAAA,GAAoB,MAAO,CAAA,SAAA,CAAU,GAAK,EAAA;AAAA,EACrD,KAAO,EAAA,CAAA;AAAA,EACP,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,OAAS,EAAA,KAAA;AACX,CAAC,CAAA,CAAA;AAEY,MAAA,eAAA,GAAkB,OAAO,KAAO,EAAA;AAAA,EAC3C,UAAY,EAAA,QAAA;AAAA,EACZ,OAAS,EAAA,aAAA;AAAA,EACT,MAAQ,EAAA,aAAA;AAAA,EACR,cAAgB,EAAA,UAAA;AAAA,EAChB,QAAU,EAAA,UAAA;AAAA,EACV,aAAe,EAAA,QAAA;AAAA,EACf,SAAW,EAAA,YAAA;AAAA,EACX,KAAO,EAAA,MAAA;AAAA,EACP,GAAGC,OAAgB,QAAS,CAAA,IAAA;AAAA,EAC5B,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,MAAM,EAAC;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAA,EAAMA,OAAgB,QAAS,CAAA,OAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,KAAO,EAAA;AAAA,MACL,MAAM,EAAC;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAA,EAAMA,OAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAA,EAAMA,OAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,IAAA,EAAMA,OAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,SAAA;AAAA,QACT,CAAC,IAAK,CAAA,MAAA,CAAA,cAAA,CAAgB,GAAG;AAAA,UACvB,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,QACA,CAAC,IAAA,CAAK,MAAkB,CAAA,kBAAA,EAAA,MAAA,CAAA,CAAO,yBAAmB,GAAG;AAAA,UACnD,UAAY,EAAA,KAAA;AAAA,SACd;AAAA,QACA,CAAC,IAAK,CAAA,MAAA,CAAA,iBAAA,CAAmB,GAAG;AAAA,UAC1B,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,SAAW,EAAA;AAAA,QACT,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,QAAA;AAAA,QACT,CAAC,IAAK,CAAA,MAAA,CAAA,cAAA,CAAgB,GAAG;AAAA,UACvB,YAAc,EAAA,MAAA;AAAA,SAChB;AAAA,QACA,CAAC,IAAA,CAAK,MAAkB,CAAA,kBAAA,EAAA,MAAA,CAAA,CAAO,yBAAmB,GAAG;AAAA,UACnD,UAAY,EAAA,MAAA;AAAA,SACd;AAAA,QACA,CAAC,IAAK,CAAA,MAAA,CAAA,iBAAA,CAAmB,GAAG;AAAA,UAC1B,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA;AAAA,IAEhB;AAAA,MACE,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,MAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,IAAA;AAAA,KACxC;AAAA,IACA;AAAA,MACE,KAAO,EAAA,IAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,MAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,IAAA;AAAA,KACtC;AAAA;AAAA,IAEA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,GAAK,EAAA;AAAA,QACH,WAAA,EAAaA,MAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,WAAA;AAAA,OAChD;AAAA,KACF;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,MAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,OAAA;AAAA,KACxC;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,IAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,MAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,OAAA;AAAA,KACtC;AAAA;AAAA,IAEA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,QAAU,EAAA,KAAA;AAAA,MACV,GAAA,EAAKA,OAAgB,QAAS,CAAA,OAAA;AAAA,KAChC;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,KAAA;AAAA,MACT,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,MAAgB,CAAA,QAAA,CAAS,OAAQ,CAAA,OAAA;AAAA,KACxC;AAAA,IACA;AAAA,MACE,OAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,KAAA;AAAA,MACT,KAAO,EAAA,IAAA;AAAA,MACP,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,KAAA;AAAA,MACd,GAAA,EAAKA,MAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,OAAA;AAAA,KACtC;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAC,CAAA;;AC/JD,MAAM,4BACJ,GAAA,gEAAA,CAAA;AAEW,MAAA,WAAA,GAAc,MAAO,CAAA,SAAA,CAAU,KAAO,EAAA;AAAA,EACjD,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,aAAA;AAAA,EACZ,KAAO,EAAA,gBAAA;AAAA,EACP,KAAO,EAAA,MAAA;AAAA,EACP,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA,CAAA;AAAA,EACP,OAAS,EAAA,OAAA;AAAA,EACT,MAAQ,EAAA,MAAA;AAAA,EAER,gBAAkB,EAAA;AAAA,IAChB,SAAW,EAAA,QAAA;AAAA,GACb;AAAA,EAEA,CAAC,QAAS,CAAA,MAAA,CAAA,4BAAA,EAA4B,gBAAgB,CAAA,GACpDA,OAAgB,IAAK,CAAA,WAAA;AAAA,EAEvB,aAAe,EAAA;AAAA,IACb,KAAA,EAAOA,MAAgB,CAAA,QAAA,CAAS,QAAS,CAAA,KAAA;AAAA,GAC3C;AAAA,EAEA,qDAAA,EACEA,OAAgB,IAAK,CAAA,QAAA;AACzB,CAAC,CAAA;;ACnBM,MAAMC,OAAQ,GAAA,KAAA,CAAM,UAGzB,CAAA,CAAC,OAAO,UAAe,KAAA;AACvB,EAAA,MAAM,EAAE,YAAc,EAAA,QAAA,EAAU,UAAU,UAAY,EAAA,QAAA,KACpD,eAAgB,EAAA,CAAA;AAElB,EAAI,IAAA,YAAA,GAAe,eAAgB,CAAA,KAAA,EAAO,YAAY,CAAA,CAAA;AAEtD,EAAA,MAAM,qBAA0D,MAAY;AAC1E,IAAa,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,MAAM,sBAA2D,MAAY;AAC3E,IAAa,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,YAAA,GAAe,WAAW,YAAc,EAAA;AAAA,IACtC,MAAQ,EAAA,kBAAA;AAAA,IACR,OAAS,EAAA,mBAAA;AAAA,GACV,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA;AAAA,MACJ,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAK,EAAA,SAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,KAAA;AAAA,GACvC,CAAA;AAEJ,CAAC,CAAA;;ACtBD,MAAM,qBAAwB,GAAA,EAAA,CAAA;AAC9B,MAAM,6BAAgC,GAAA,EAAA,CAAA;AAiBtC,MAAM,IAAA,GAAO,KAAM,CAAA,UAAA,CAGjB,CAAC,EAAE,QAAU,EAAA,IAAA,EAAM,KAAO,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AA1C3D,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA2CE,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,WAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AAEpB,EAAM,MAAA,GAAA,GAAM,OAAuB,IAAI,CAAA,CAAA;AAEvC,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,OAAA,KAAY,QAAS,CAAA;AAAA,IAClD,aAAe,EAAA,UAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAA,MAAM,sBACJ,GAAA,UAAA,CAAW,YAAY,CAAA,IAAK,WAAW,QAAQ,CAAA,CAAA;AAEjD,EAAM,MAAA,gBAAA,GACJ,CAAC,sBACD,IAAA,CAAC,WAAW,QAAQ,CAAA,IACpB,CAAC,UAAW,CAAA,OAAO,KACnB,CAAC,UAAA,CAAW,OAAO,CACnB,IAAA,CAAC,WAAW,MAAM,CAAA,KACjB,KAAU,KAAA,IAAA,IAAQ,KAAU,KAAA,KAAA,CAAA,CAAA;AAE/B,EAAM,MAAA,SAAA,GACJ,KAAU,KAAA,IAAA,GAAO,mBAAsB,GAAA,gCAAA,CAAA;AAEzC,EAAM,MAAA,UAAA,GAAA,CACJ,0BAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,UAAlB,IAA2B,GAAA,EAAA,GAAA,SAAA,CAAU,KAArC,KAAA,IAAA,GAAA,EAAA,GAA8C,SAAU,CAAA,YAAA,CAAA;AAC1D,EAAA,MAAM,aACH,GAAA,CAAA,UAAA,KAAe,KAAa,CAAA,IAAA,UAAA,KAAe,OAAO,CAAC,OAAA,CAAA;AAEtD,EACE,uBAAA,IAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,GAAK,EAAA,SAAA,CAAU,CAAC,GAAA,EAAK,UAAU,CAAC,CAAA;AAAA,MAChC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAU,WAAW,QAAQ,CAAA;AAAA,MAC7B,YAAA,EAAc,WAAW,YAAY,CAAA;AAAA,MACrC,QAAA,EAAU,WAAW,QAAQ,CAAA;AAAA,MAC7B,cAAA,EAAc,KAAU,KAAA,KAAA,GAAQ,EAAK,GAAA,KAAA,CAAA;AAAA,MACrC,YAAA,EAAY,KAAU,KAAA,IAAA,GAAO,EAAK,GAAA,KAAA,CAAA;AAAA,MAClC,SAAS,MAAM;AACb,QAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,OAChB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAA,UAAA,CAAW,MAAM;AApGzB,UAAAF,IAAAA,GAAAA,CAAAA;AAqGU,UACE,IAAA,CAAA,GAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAK,OAAW,KAAA,IAAA,IAChB,EAACA,CAAAA,GAAAA,GAAA,GAAK,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,OAAA,KAAL,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAc,QAAS,CAAA,QAAA,CAAS,aACjC,CAAA,CAAA,EAAA;AACA,YAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,WACjB;AAAA,WACC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,MACA,OAAS,EAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AA7G/B,QAAAA,IAAAA,GAAAA,CAAAA;AA8GQ,QAAM,MAAA,gBAAA,GAAmB,WAAW,eAAgB,CAAA,OAAA,CAAA;AAEpD,QAAA,IAAI,gBAAkB,EAAA;AACpB,UAAA,CAAAA,GAAA,GAAA,QAAA,CAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAkB,CAAA,KAAA,EAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,KAAA,KAAU,KACT,CAAA,oBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,UAAU,CAAC,aAAA;AAAA,YACX,IAAA;AAAA,YACA,GAAK,EAAA;AAAA,cACH,MACE,aAAiB,IAAA,WAAA,GACb,IAAS,KAAA,SAAA,GACP,gCACA,qBACF,GAAA,KAAA,CAAA;AAAA,aACR;AAAA,YACA,OAAO,EAAA,IAAA;AAAA,YAEN,QAAA,EAAA,KAAA;AAAA,WAAA;AAAA,SACH;AAAA,QAED,QAAA;AAAA,QACA,oCACE,GAAA,CAAA,iBAAA,EAAA,EACC,8BAAC,SAAU,EAAA,EAAA,IAAA,EAAK,SAAQ,CAC1B,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,CAAC,CAAA,CAAA;AAEM,MAAM,YAAY,KAAM,CAAA,UAAA;AAAA,EAI7B,CACE,EAAE,eAAA,EAAiB,YAAc,EAAA,QAAA,EAAU,OAAO,QAAU,EAAA,GAAG,SAAU,EAAA,EACzE,UAEA,qBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,KAAK,UAAY,EAAA,CAAA;AAAA,KAAA;AAAA,GACxC;AAEJ,CAAA,CAAA;AAQA,SAAA,CAAU,KAAQ,GAAAE,OAAA;;AC1JX,MAAM,QAAQ,KAAM,CAAA,UAAA;AAAA,EACzB,CAAC,EAAE,KAAA,EAAO,cAAc,GAAG,SAAA,IAAa,UAAe,KAAA;AACrD,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAE9C,IAAM,MAAA;AAAA,MACJ,SAAY,GAAA,KAAA;AAAA,MACZ,OAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG,YAAA;AAAA,KACD,GAAA,SAAA,CAAA;AAEJ,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG,UAAA;AAAA,KACD,GAAA,YAAA,CAAA;AAEJ,IACE,uBAAA,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,KAAA;AAAA,QACA,eAAe,EAAA,YAAA;AAAA,QACf,QAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,SAAU,CAAA,KAAA;AAAA,YAAV;AAAA,cACE,GAAG,UAAA;AAAA,cACJ,GAAA,EACE,UAAU,KACN,CAAA,GAAA,EAAE,kBAAkB,EAAE,OAAA,EAAS,CAAE,EAAA,EACjC,GAAA,KAAA,CAAA;AAAA,cAEN,KAAA;AAAA,cACA,YAAA;AAAA,cACA,GAAK,EAAA,SAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,aAAA;AAAA,WACvC;AAAA,UACC,QAAA;AAAA,0BACD,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA,UAAA;AAAA,cACA,OAAA;AAAA,cACA,QAAA;AAAA,cACA,KAAA;AAAA,aAAA;AAAA,WACF;AAAA,SAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF,EAAA;AAUA,KAAA,CAAM,YAAe,GAAA,YAAA,CAAA;AACrB,KAAA,CAAM,QAAW,GAAA,QAAA,CAAA;AAEjB,KAAA,CAAM,WAAW,CAAI,GAAA,IAAA;;ACzCd,MAAM,gBAAgB,KAAM,CAAA,UAAA;AAAA,EAIjC,CACE;AAAA,IACE,KAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAC9C,IAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA,CAAS,wCAAiB,KAAK,CAAA,CAAA;AACrE,IAAA,MAAM,iBAAiB,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA;AAEjC,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG,UAAA;AAAA,KACD,GAAA,SAAA,CAAA;AAEJ,IACE,uBAAA,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,KAAA;AAAA,QACA,eAAe,EAAA,YAAA;AAAA,QACf,QAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,IAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,SAAU,CAAA,KAAA;AAAA,YAAV;AAAA,cACE,GAAG,UAAA;AAAA,cACJ,IAAA,EAAM,iBAAiB,MAAS,GAAA,UAAA;AAAA,cAChC,KAAA;AAAA,cACA,GAAK,EAAA,SAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,aAAA;AAAA,WACvC;AAAA,0BACC,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,CAClB,EAAA,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,iBAAiB,SAAY,GAAA,WAAA;AAAA,cACpC,QAAU,EAAA,KAAA;AAAA,cACV,SAAS,MAAM;AAxGzB,gBAAA,IAAA,EAAA,CAAA;AAyGY,gBAAA,MAAM,aAAgB,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAA,CAAS,EAAS,GAAA,QAAA,CAAA,OAAA,KAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA;AAEjD,gBAAA,IAAI,cAAgB,EAAA;AAClB,kBAAS,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,aAAA,CAAA,CAAA;AAAA,iBACJ,MAAA;AACL,kBAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,aAAA,CAAA,CAAA;AAAA,iBACb;AAEA,gBAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,kBAAe,cAAA,CAAA,CAAAC,OAAU,KAAA,CAACA,OAAM,CAAA,CAAA;AAAA,iBAClC;AAAA,eACF;AAAA,cAEC,QAAiB,EAAA,cAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,CAAA,uBAAM,aAAc,EAAA,EAAA,CAAA;AAAA,aAAA;AAAA,WACrD;AAAA,SAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF;;AC3Ga,MAAA,UAAA,GAAa,MAAM,UAG9B,CAAA,CAAC,EAAE,KAAO,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AACzC,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAE9C,EAAM,MAAA;AAAA,IACJ,SAAY,GAAA,KAAA;AAAA,IACZ,OAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG,YAAA;AAAA,GACD,GAAA,SAAA,CAAA;AAEJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,UAAA;AAAA,GACD,GAAA,YAAA,CAAA;AAEJ,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,SAAU,CAAA,KAAA;AAAA,UAAV;AAAA,YACC,IAAK,EAAA,OAAA;AAAA,YACJ,GAAG,UAAA;AAAA,YACJ,KAAA;AAAA,YACA,GAAK,EAAA,SAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,WAAA;AAAA,SACvC;AAAA,QACC,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,SAAA;AAAA,YACA,UAAA;AAAA,YACA,OAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,WAAA;AAAA,SACF;AAAA,wBACC,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA,EAAa,CAChB,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAC,EAAA;AAMD,UAAA,CAAW,YAAe,GAAA,YAAA;;AC5Db,MAAA,WAAA,GAAc,MAAM,UAG/B,CAAA,CAAC,EAAE,KAAO,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AACzC,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAE9C,EAAM,MAAA;AAAA,IACJ,SAAY,GAAA,KAAA;AAAA,IACZ,OAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG,YAAA;AAAA,GACD,GAAA,SAAA,CAAA;AAEJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,UAAA;AAAA,GACD,GAAA,YAAA,CAAA;AAEJ,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,SAAU,CAAA,KAAA;AAAA,UAAV;AAAA,YACE,GAAG,UAAA;AAAA,YACJ,KAAA;AAAA,YACA,GAAK,EAAA,SAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,WAAA;AAAA,SACvC;AAAA,QACC,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,SAAA;AAAA,YACA,UAAA;AAAA,YACA,OAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,WAAA;AAAA,SACF;AAAA,wBACC,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA,EAAoB,CACvB,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAC,EAAA;AAMD,WAAA,CAAY,YAAe,GAAA,YAAA;;;;"}

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import react__default, { ComponentPropsWithRef, DOMAttributes, HTMLProps } from 'react';
+import { inputSymbol } from '@mirohq/design-system-base-input';
 import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
 import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
 import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
@@ -4438,7 +4439,7 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
     _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
         '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
     };
-}>>>, "size" | "disabled" | "readOnly" | "ariaDisabled" | "valid" | "hovered" | "focused"> & _stitches_react_types_styled_component.TransformProps<{
+}>>>, "size" | "disabled" | "readOnly" | "ariaDisabled" | "focused" | "hovered" | "valid"> & _stitches_react_types_styled_component.TransformProps<{
     hovered?: boolean | "false" | "true" | undefined;
     focused?: boolean | "false" | "true" | undefined;
     valid?: boolean | "false" | "true" | undefined;
@@ -4466,6 +4467,9 @@ interface BaseInputProps extends Omit<StyledBaseInputProps, keyof DOMAttributes<
     focused?: boolean | undefined;
     children: react__default.ReactNode;
     className?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    label?: react__default.ReactNode;
 }
 
 interface InputSharedProps extends Omit<InputProps$1, 'size'> {
@@ -4508,7 +4512,9 @@ interface ClearProps {
 declare type InputProps = InputSharedProps & ({
     clearable?: never;
 } | ClearProps);
-declare const Input: react__default.ForwardRefExoticComponent<InputProps> & Partials$2;
+declare const Input: react__default.ForwardRefExoticComponent<InputProps> & Partials$2 & {
+    [inputSymbol]?: boolean | undefined;
+};
 interface Partials$2 {
     ActionButton: typeof ActionButton;
     IconSlot: typeof IconSlot;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-input",
-  "version": "0.0.21",
+  "version": "0.1.0-forms.2",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -29,16 +29,17 @@
     "@react-aria/interactions": "^3.13.0",
     "@react-aria/utils": "^3.13.0",
     "@react-types/shared": "^3.16.0",
-    "@mirohq/design-system-base-button": "^0.4.35",
-    "@mirohq/design-system-base-icon": "^0.1.20",
-    "@mirohq/design-system-icon-button": "^2.1.7",
-    "@mirohq/design-system-icons": "^0.35.1",
-    "@mirohq/design-system-primitive": "^1.1.1",
-    "@mirohq/design-system-base-input": "^0.0.2",
+    "@mirohq/design-system-base-button": "^0.4.36-forms.1",
+    "@mirohq/design-system-base-icon": "^0.1.21-forms.0",
+    "@mirohq/design-system-icon-button": "^2.1.8-forms.1",
+    "@mirohq/design-system-icons": "^0.35.2-forms.1",
+    "@mirohq/design-system-primitive": "^1.1.2-forms.0",
     "@mirohq/design-system-stitches": "^2.6.0",
+    "@mirohq/design-system-base-input": "^0.1.0-forms.1",
     "@mirohq/design-system-styles": "^1.1.19",
-    "@mirohq/design-system-tooltip": "^3.3.3",
-    "@mirohq/design-system-utils": "^0.14.3"
+    "@mirohq/design-system-tooltip": "^3.3.4-forms.1",
+    "@mirohq/design-system-use-layout-effect": "^0.2.1",
+    "@mirohq/design-system-utils": "^0.15.0-forms.0"
   },
   "scripts": {
     "build": "rollup -c ../../../rollup.config.js",