@mirohq/design-system-base-input 0.3.2-style-dictionary.2 → 0.3.3-style-dictionary.3

package/dist/main.js

@@ -356,22 +356,28 @@ const ActionButton = React__default["default"].forwardRef(({ "aria-label": ariaL
     (key) => key.startsWith("onPress")
   );
   const customDisabled = restProps.disabled;
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: showInputSlot && /* @__PURE__ */ jsxRuntime.jsxs(designSystemTooltip.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystemTooltip.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      StyledActionButton,
-      {
-        type: "button",
-        ...restProps,
-        "aria-label": ariaLabel != null ? ariaLabel : label,
-        disabled: hasPressEvent ? customDisabled : customDisabled != null ? customDisabled : !editable,
-        disableAppearance: hasPressEvent ? !designSystemUtils.booleanify(readOnly) && customDisabled : designSystemUtils.booleanify(disabled != null ? disabled : ariaDisabled),
-        readOnlyAppearance: readOnly,
-        ref: designSystemUtils.mergeRefs([forwardRef, actionButtonRef]),
-        children: formattedChildren
-      }
-    ) }),
+  const actionButton = /* @__PURE__ */ jsxRuntime.jsx(
+    StyledActionButton,
+    {
+      type: "button",
+      ...restProps,
+      "aria-label": ariaLabel != null ? ariaLabel : label,
+      disabled: hasPressEvent ? customDisabled : customDisabled != null ? customDisabled : !editable,
+      disableAppearance: hasPressEvent ? !designSystemUtils.booleanify(readOnly) && customDisabled : designSystemUtils.booleanify(disabled != null ? disabled : ariaDisabled),
+      readOnlyAppearance: readOnly,
+      ref: designSystemUtils.mergeRefs([forwardRef, actionButtonRef]),
+      children: formattedChildren
+    }
+  );
+  if (!showInputSlot)
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  if ((label === void 0 || label === "") && ariaLabel !== void 0 && ariaLabel !== "") {
+    return actionButton;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystemTooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystemTooltip.Tooltip.Trigger, { asChild: true, children: actionButton }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystemTooltip.Tooltip.Content, { children: label })
-  ] }) });
+  ] });
 });
 
 const IconSlot = React__default["default"].forwardRef(({ children, ...restProps }, forwardRef) => {

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/partials/icon-slot.styled.tsx","../src/partials/action-button.styled.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/input.tsx","../src/partials/action-button.tsx","../src/partials/icon-slot.tsx","../src/base-input.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 { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport type { ComponentPropsWithRef } from 'react'\nimport { actionButtonStyles } from '@mirohq/design-system-base-text-field'\n\nexport const StyledActionButton = styled(BaseButton, {\n  ...actionButtonStyles,\n  order: 3,\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 { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\nimport { textFieldStyles } from '@mirohq/design-system-base-text-field'\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  position: 'relative',\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  ...textFieldStyles.variants.idle,\n\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: textFieldStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: textFieldStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      medium: {\n        fontSize: '$175',\n        height: '$8',\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      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: textFieldStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: textFieldStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: textFieldStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.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: textFieldStyles.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 { textFieldStyles } from '@mirohq/design-system-base-text-field'\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    textFieldStyles.base.placeholder,\n\n  '&:read-only': {\n    color: textFieldStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    textFieldStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\ninterface InputProps extends FormElementProps {\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\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  hasIconSlot: 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  'aria-disabled': ariaDisabled,\n  readOnly,\n  required,\n  valid,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): JSX.Element => {\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 [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        setHasIconSlot,\n        hasIconSlot,\n        hovered,\n        focused,\n        disabled,\n        'aria-disabled': ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n        required,\n        valid,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport type InputProps = Omit<\n  StyledInputProps,\n  // these props should be set in the root\n  'aria-disabled' | 'disabled' | 'readOnly' | 'required' | 'onChange'\n>\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  InputProps\n>(\n  (\n    {\n      id,\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      setFocused,\n      inputRef,\n      required,\n      readOnly,\n      onChange,\n    } = useInputContext()\n\n    const { onBlur, onFocus, ...elementProps } = useAriaDisabled({\n      ...restProps,\n      ariaDisabled,\n    })\n\n    const onFocusHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(true)\n        onFocus?.(e)\n      },\n      [setFocused, onFocus]\n    )\n    const onBlurHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(false)\n        onBlur?.(e)\n      },\n      [setFocused, onBlur]\n    )\n\n    return (\n      <StyledInput\n        {...elementProps}\n        id={id}\n        readOnly={readOnly}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled === true || undefined}\n        required={required === true || undefined}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        onChange={onChange}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n    )\n  }\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 type ActionButtonProps = 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    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot = valid === undefined || booleanify(hovered)\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 React from 'react'\nimport { addPropsToChildren, booleanify } from '@mirohq/design-system-utils'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport type { ElementRef } from 'react'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\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 {\n    'aria-disabled': ariaDisabled,\n    disabled,\n    setHasIconSlot,\n  } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  useLayoutEffect(() => {\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 React, { useRef } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport {\n  booleanify,\n  booleanishAttrValue,\n  mergeRefs,\n} from '@mirohq/design-system-utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { useHover } from '@react-aria/interactions'\nimport { mergeProps } from '@react-aria/utils'\n\nimport type { StyledBaseInputProps } from './base-input.styled'\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport type { InputProviderProps } from './hooks/use-input-context'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\ntype BaseInputRootProps = Omit<\n  StyledBaseInputProps,\n  // these props come from useInputContext, we don't pass it to BaseInput directly\n  | 'hovered'\n  | 'focused'\n  | 'valid'\n  | 'readOnly'\n  | 'disabled'\n  | 'ariaDisabled'\n  // these shouldn't be applied to div\n  | 'value'\n  | 'defaultValue'\n  | 'placeholder'\n>\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputRootProps\n>(({ children, size, ...restProps }, forwardRef) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    setHovered,\n    inputRef,\n    actionButtonRef,\n    setFocused,\n  } = useInputContext()\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const { pressProps } = usePress({\n    onPressStart: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const shouldPrevent =\n        document.activeElement === inputRef.current &&\n        target !== inputRef.current // to not stop text selection\n\n      // to not lose focus on container click\n      if (shouldPrevent) {\n        e.originalEvent.preventDefault()\n      }\n    },\n    onPressEnd: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const isActionButton =\n        target === actionButtonRef.current ||\n        actionButtonRef.current?.contains(target as Node) === true\n\n      const shouldFocusInput =\n        !isActionButton && !booleanify(disabled) && !booleanify(focused)\n\n      if (shouldFocusInput) {\n        inputRef.current?.focus()\n        setFocused(true)\n      }\n    },\n    preventFocusOnPress: 'auto',\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  // validity\n  const showValidityIcon =\n    !booleanify(readOnly) &&\n    !ariaDisabledOrDisabled &&\n    !hovered &&\n    !focused &&\n    valid !== undefined\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  return (\n    <StyledBaseInput\n      {...mergeProps(restProps, hoverProps, pressProps)}\n      data-invalid={booleanishAttrValue(valid === false)}\n      data-valid={booleanishAttrValue(valid === true)}\n      data-form-element='input'\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-testid={\n        process.env.NODE_ENV === 'test' ? 'input-container' : undefined\n      }\n    >\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' weight='thin' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport type BaseInputProps = BaseInputRootProps & InputProviderProps\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      valid,\n      readOnly,\n      required,\n      onChange,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChange}\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  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nBaseInput.Input = Input\nBaseInput.ActionButton = ActionButton\nBaseInput.IconSlot = IconSlot\n"],"names":["styled","Primitive","BaseButton","actionButtonStyles","IconExclamationPointCircle","IconCheckMark","textFieldStyles","createContext","useRef","useState","booleanify","jsx","useContext","React","useAriaDisabled","mergeRefs","addPropsToChildren","isIconComponent","Fragment","jsxs","Tooltip","useLayoutEffect","useHover","usePress","mergeProps","booleanishAttrValue"],"mappings":"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"}
+{"version":3,"file":"main.js","sources":["../src/partials/icon-slot.styled.tsx","../src/partials/action-button.styled.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/input.tsx","../src/partials/action-button.tsx","../src/partials/icon-slot.tsx","../src/base-input.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 { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport type { ComponentPropsWithRef } from 'react'\nimport { actionButtonStyles } from '@mirohq/design-system-base-text-field'\n\nexport const StyledActionButton = styled(BaseButton, {\n  ...actionButtonStyles,\n  order: 3,\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 { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\nimport { textFieldStyles } from '@mirohq/design-system-base-text-field'\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  position: 'relative',\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  ...textFieldStyles.variants.idle,\n\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: textFieldStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: textFieldStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      medium: {\n        fontSize: '$175',\n        height: '$8',\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      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: textFieldStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: textFieldStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: textFieldStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.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: textFieldStyles.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 { textFieldStyles } from '@mirohq/design-system-base-text-field'\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    textFieldStyles.base.placeholder,\n\n  '&:read-only': {\n    color: textFieldStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    textFieldStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\ninterface InputProps extends FormElementProps {\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\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  hasIconSlot: 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  'aria-disabled': ariaDisabled,\n  readOnly,\n  required,\n  valid,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): JSX.Element => {\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 [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        setHasIconSlot,\n        hasIconSlot,\n        hovered,\n        focused,\n        disabled,\n        'aria-disabled': ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n        required,\n        valid,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport type InputProps = Omit<\n  StyledInputProps,\n  // these props should be set in the root\n  'aria-disabled' | 'disabled' | 'readOnly' | 'required' | 'onChange'\n>\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  InputProps\n>(\n  (\n    {\n      id,\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      setFocused,\n      inputRef,\n      required,\n      readOnly,\n      onChange,\n    } = useInputContext()\n\n    const { onBlur, onFocus, ...elementProps } = useAriaDisabled({\n      ...restProps,\n      ariaDisabled,\n    })\n\n    const onFocusHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(true)\n        onFocus?.(e)\n      },\n      [setFocused, onFocus]\n    )\n    const onBlurHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(false)\n        onBlur?.(e)\n      },\n      [setFocused, onBlur]\n    )\n\n    return (\n      <StyledInput\n        {...elementProps}\n        id={id}\n        readOnly={readOnly}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled === true || undefined}\n        required={required === true || undefined}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        onChange={onChange}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n    )\n  }\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 type ActionButtonProps = StyledActionButtonProps &\n  (\n    | {\n        label: string\n        'aria-label'?: string\n      }\n    // force aria-label if label is not present\n    | {\n        label?: never\n        'aria-label': string\n      }\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    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot = valid === undefined || booleanify(hovered)\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  const actionButton = (\n    <StyledActionButton\n      type='button'\n      {...restProps}\n      aria-label={ariaLabel ?? label}\n      disabled={hasPressEvent ? customDisabled : customDisabled ?? !editable}\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  )\n\n  if (!showInputSlot) return <></>\n\n  if (\n    (label === undefined || label === '') &&\n    ariaLabel !== undefined &&\n    ariaLabel !== ''\n  ) {\n    return actionButton\n  }\n\n  return (\n    <Tooltip>\n      <Tooltip.Trigger asChild>{actionButton}</Tooltip.Trigger>\n      <Tooltip.Content>{label}</Tooltip.Content>\n    </Tooltip>\n  )\n})\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'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\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 {\n    'aria-disabled': ariaDisabled,\n    disabled,\n    setHasIconSlot,\n  } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  useLayoutEffect(() => {\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 React, { useRef } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport {\n  booleanify,\n  booleanishAttrValue,\n  mergeRefs,\n} from '@mirohq/design-system-utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { useHover } from '@react-aria/interactions'\nimport { mergeProps } from '@react-aria/utils'\n\nimport type { StyledBaseInputProps } from './base-input.styled'\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport type { InputProviderProps } from './hooks/use-input-context'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\ntype BaseInputRootProps = Omit<\n  StyledBaseInputProps,\n  // these props come from useInputContext, we don't pass it to BaseInput directly\n  | 'hovered'\n  | 'focused'\n  | 'valid'\n  | 'readOnly'\n  | 'disabled'\n  | 'ariaDisabled'\n  // these shouldn't be applied to div\n  | 'value'\n  | 'defaultValue'\n  | 'placeholder'\n>\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputRootProps\n>(({ children, size, ...restProps }, forwardRef) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    setHovered,\n    inputRef,\n    actionButtonRef,\n    setFocused,\n  } = useInputContext()\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const { pressProps } = usePress({\n    onPressStart: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const shouldPrevent =\n        document.activeElement === inputRef.current &&\n        target !== inputRef.current // to not stop text selection\n\n      // to not lose focus on container click\n      if (shouldPrevent) {\n        e.originalEvent.preventDefault()\n      }\n    },\n    onPressEnd: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const isActionButton =\n        target === actionButtonRef.current ||\n        actionButtonRef.current?.contains(target as Node) === true\n\n      const shouldFocusInput =\n        !isActionButton && !booleanify(disabled) && !booleanify(focused)\n\n      if (shouldFocusInput) {\n        inputRef.current?.focus()\n        setFocused(true)\n      }\n    },\n    preventFocusOnPress: 'auto',\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  // validity\n  const showValidityIcon =\n    !booleanify(readOnly) &&\n    !ariaDisabledOrDisabled &&\n    !hovered &&\n    !focused &&\n    valid !== undefined\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  return (\n    <StyledBaseInput\n      {...mergeProps(restProps, hoverProps, pressProps)}\n      data-invalid={booleanishAttrValue(valid === false)}\n      data-valid={booleanishAttrValue(valid === true)}\n      data-form-element='input'\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-testid={\n        process.env.NODE_ENV === 'test' ? 'input-container' : undefined\n      }\n    >\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' weight='thin' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport type BaseInputProps = BaseInputRootProps & InputProviderProps\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      valid,\n      readOnly,\n      required,\n      onChange,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChange}\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  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nBaseInput.Input = Input\nBaseInput.ActionButton = ActionButton\nBaseInput.IconSlot = IconSlot\n"],"names":["styled","Primitive","BaseButton","actionButtonStyles","IconExclamationPointCircle","IconCheckMark","textFieldStyles","createContext","useRef","useState","booleanify","jsx","useContext","React","useAriaDisabled","mergeRefs","addPropsToChildren","isIconComponent","Fragment","Tooltip","useLayoutEffect","useHover","usePress","jsxs","mergeProps","booleanishAttrValue"],"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;;ACnBY,MAAA,kBAAA,GAAqBD,4BAAOE,iCAAY,EAAA;AAAA,EACnD,GAAGC,4CAAA;AAAA,EACH,KAAO,EAAA,CAAA;AAAA,EAEP,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;;ACXM,MAAM,gCAAmC,GAAAH,2BAAA;AAAA,EAC9CI,4CAAA;AAAA,EACA;AAAA,IACE,KAAO,EAAA,cAAA;AAAA,GACT;AACF,CAAA,CAAA;AAEa,MAAA,mBAAA,GAAsBJ,4BAAOK,+BAAe,EAAA;AAAA,EACvD,KAAO,EAAA,eAAA;AACT,CAAC,CAAA,CAAA;AAEY,MAAA,iBAAA,GAAoBL,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,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,QAAA;AAAA,EACZ,OAAS,EAAA,aAAA;AAAA,EACT,MAAQ,EAAA,aAAA;AAAA,EACR,GAAGM,0CAAgB,QAAS,CAAA,IAAA;AAAA,EAE5B,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,MAAM,EAAC;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAA,EAAMA,0CAAgB,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,0CAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAA,EAAMA,0CAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,IAAA,EAAMA,0CAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA,MAAA;AAAA,QACV,MAAQ,EAAA,IAAA;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,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,yCAAgB,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,yCAAgB,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,yCAAgB,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,yCAAgB,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,yCAAgB,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,0CAAgB,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,yCAAgB,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,yCAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,OAAA;AAAA,KACtC;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAC,CAAA;;AC1KD,MAAM,4BACJ,GAAA,gEAAA,CAAA;AAEW,MAAA,WAAA,GAAcN,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,GACpDK,0CAAgB,IAAK,CAAA,WAAA;AAAA,EAEvB,aAAe,EAAA;AAAA,IACb,KAAA,EAAOA,yCAAgB,CAAA,QAAA,CAAS,QAAS,CAAA,KAAA;AAAA,GAC3C;AAAA,EAEA,qDAAA,EACEA,0CAAgB,IAAK,CAAA,QAAA;AACzB,CAAC,CAAA;;ACRD,MAAM,YAAA,GAAeC,mBAAiC,CAAA,EAAS,CAAA,CAAA;AAExD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAiB,EAAA,YAAA;AAAA,EACjB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,SAAA;AACL,CAA0D,KAAA;AACxD,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,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AACpD,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,cAAA;AAAA,QACA,WAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAiB,EAAA,YAAA;AAAA,QACjB,QAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,OACF;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,eAAA,GAAkB,MAAyBC,gBAAA,CAAW,YAAY;;ACpDxE,MAAM,QAAQC,yBAAM,CAAA,UAAA;AAAA,EAIzB,CACE;AAAA,IACE,EAAA;AAAA,IACA,kBAAoB,EAAA,eAAA;AAAA,IACpB,cAAgB,EAAA,WAAA;AAAA,IAChB,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAM,MAAA;AAAA,MACJ,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,QACE,eAAgB,EAAA,CAAA;AAEpB,IAAA,MAAM,EAAE,MAAQ,EAAA,OAAA,EAAS,GAAG,YAAA,KAAiBC,2CAAgB,CAAA;AAAA,MAC3D,GAAG,SAAA;AAAA,MACH,YAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,iBAAiBD,yBAAM,CAAA,WAAA;AAAA,MAC3B,CAAC,CAA0C,KAAA;AACzC,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,QAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACZ;AAAA,MACA,CAAC,YAAY,OAAO,CAAA;AAAA,KACtB,CAAA;AACA,IAAA,MAAM,gBAAgBA,yBAAM,CAAA,WAAA;AAAA,MAC1B,CAAC,CAA0C,KAAA;AACzC,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,QAAS,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACX;AAAA,MACA,CAAC,YAAY,MAAM,CAAA;AAAA,KACrB,CAAA;AAEA,IACE,uBAAAF,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,kBAAkB,EAAA,eAAA;AAAA,QAClB,cAAc,EAAA,WAAA;AAAA,QACd,QAAA,EAAU,aAAa,IAAQ,IAAA,KAAA,CAAA;AAAA,QAC/B,QAAA,EAAU,aAAa,IAAQ,IAAA,KAAA,CAAA;AAAA,QAC/B,OAAS,EAAA,cAAA;AAAA,QACT,MAAQ,EAAA,aAAA;AAAA,QACR,QAAA;AAAA,QACA,GAAK,EAAAI,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,OAAA;AAAA,KACvC,CAAA;AAAA,GAEJ;AACF,CAAA;;AC/CO,MAAM,YAAe,GAAAF,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,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AAEpB,EAAA,MAAM,aAAgB,GAAA,KAAA,KAAU,KAAa,CAAA,IAAAH,4BAAA,CAAW,OAAO,CAAA,CAAA;AAE/D,EAAA,IAAI,iBAAoB,GAAA,QAAA,CAAA;AAExB,EAAoB,iBAAA,GAAAM,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,EAAA,MAAM,YACJ,mBAAAN,cAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,QAAA;AAAA,MACJ,GAAG,SAAA;AAAA,MACJ,cAAY,SAAa,IAAA,IAAA,GAAA,SAAA,GAAA,KAAA;AAAA,MACzB,QAAU,EAAA,aAAA,GAAgB,cAAiB,GAAA,cAAA,IAAA,IAAA,GAAA,cAAA,GAAkB,CAAC,QAAA;AAAA,MAC9D,iBAAA,EACE,gBACI,CAACD,4BAAA,CAAW,QAAQ,CAAK,IAAA,cAAA,GACzBA,4BAAW,CAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,YAAY,CAAA;AAAA,MAEzC,kBAAoB,EAAA,QAAA;AAAA,MACpB,GAAK,EAAAK,2BAAA,CAAU,CAAC,UAAA,EAAY,eAAe,CAAC,CAAA;AAAA,MAE3C,QAAA,EAAA,iBAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAGF,EAAA,IAAI,CAAC,aAAA;AAAe,IAAA,uBAASJ,cAAA,CAAAO,mBAAA,EAAA,EAAA,CAAA,CAAA;AAE7B,EAAA,IAAA,CACG,UAAU,KAAa,CAAA,IAAA,KAAA,KAAU,OAClC,SAAc,KAAA,KAAA,CAAA,IACd,cAAc,EACd,EAAA;AACA,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AAEA,EAAA,uCACGC,2BACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAR,cAAA,CAACQ,2BAAQ,CAAA,OAAA,EAAR,EAAgB,OAAA,EAAO,MAAE,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,oBACtCR,cAAA,CAAAQ,2BAAA,CAAQ,OAAR,EAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,GAC1B,EAAA,CAAA,CAAA;AAEJ,CAAC,CAAA;;AC5EY,MAAA,QAAA,GAAWN,0BAAM,UAG5B,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,cAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AACpB,EAAM,MAAA,iBAAA,GAAoBG,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,EAAAG,2CAAA,CAAgB,MAAM;AACpB,IAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AACnB,IAAO,OAAA,MAAM,eAAe,KAAK,CAAA,CAAA;AAAA,GACnC,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EACE,uBAAAT,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,CAAA;AAED,QAAA,CAAS,WAAc,GAAA,UAAA;;ACJvB,MAAM,IAAA,GAAOG,yBAAM,CAAA,UAAA,CAGjB,CAAC,EAAE,UAAU,IAAM,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAClD,EAAM,MAAA,GAAA,GAAML,aAAuB,IAAI,CAAA,CAAA;AACvC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AACpB,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,OAAA,KAAYa,qBAAS,CAAA;AAAA,IAClD,aAAe,EAAA,UAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,6BAAS,CAAA;AAAA,IAC9B,cAAc,CAAK,CAAA,KAAA;AACjB,MAAM,MAAA,EAAE,MAAO,EAAA,GAAI,CAAE,CAAA,aAAA,CAAA;AAErB,MAAA,MAAM,gBACJ,QAAS,CAAA,aAAA,KAAkB,QAAS,CAAA,OAAA,IACpC,WAAW,QAAS,CAAA,OAAA,CAAA;AAGtB,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,CAAA,CAAE,cAAc,cAAe,EAAA,CAAA;AAAA,OACjC;AAAA,KACF;AAAA,IACA,YAAY,CAAK,CAAA,KAAA;AAxErB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAyEM,MAAM,MAAA,EAAE,MAAO,EAAA,GAAI,CAAE,CAAA,aAAA,CAAA;AAErB,MAAM,MAAA,cAAA,GACJ,WAAW,eAAgB,CAAA,OAAA,IAAA,CAAA,CAC3B,qBAAgB,OAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAyB,SAAS,MAAoB,CAAA,MAAA,IAAA,CAAA;AAExD,MAAM,MAAA,gBAAA,GACJ,CAAC,cAAkB,IAAA,CAACZ,6BAAW,QAAQ,CAAA,IAAK,CAACA,4BAAA,CAAW,OAAO,CAAA,CAAA;AAEjE,MAAA,IAAI,gBAAkB,EAAA;AACpB,QAAA,CAAA,EAAA,GAAA,QAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAClB,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,OACjB;AAAA,KACF;AAAA,IACA,mBAAqB,EAAA,MAAA;AAAA,GACtB,CAAA,CAAA;AAED,EAAA,MAAM,sBACJ,GAAAA,4BAAA,CAAW,YAAY,CAAA,IAAKA,6BAAW,QAAQ,CAAA,CAAA;AAGjD,EAAM,MAAA,gBAAA,GACJ,CAACA,4BAAA,CAAW,QAAQ,CAAA,IACpB,CAAC,sBAAA,IACD,CAAC,OAAA,IACD,CAAC,OAAA,IACD,KAAU,KAAA,KAAA,CAAA,CAAA;AACZ,EAAM,MAAA,SAAA,GACJ,KAAU,KAAA,IAAA,GAAO,mBAAsB,GAAA,gCAAA,CAAA;AAEzC,EACE,uBAAAa,eAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAGC,gBAAA,CAAW,SAAW,EAAA,UAAA,EAAY,UAAU,CAAA;AAAA,MAChD,cAAA,EAAcC,qCAAoB,CAAA,KAAA,KAAU,KAAK,CAAA;AAAA,MACjD,YAAA,EAAYA,qCAAoB,CAAA,KAAA,KAAU,IAAI,CAAA;AAAA,MAC9C,mBAAkB,EAAA,OAAA;AAAA,MAClB,GAAK,EAAAV,2BAAA,CAAU,CAAC,GAAA,EAAK,UAAU,CAAC,CAAA;AAAA,MAChC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAUL,6BAAW,QAAQ,CAAA;AAAA,MAC7B,YAAA,EAAcA,6BAAW,YAAY,CAAA;AAAA,MACrC,QAAA,EAAUA,6BAAW,QAAQ,CAAA;AAAA,MAC7B,aACE,EAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,SAAS,iBAAoB,GAAA,KAAA,CAAA;AAAA,MAGvD,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,gBAAA,mCACE,iBACC,EAAA,EAAA,QAAA,kBAAAC,cAAA,CAAC,aAAU,IAAK,EAAA,OAAA,EAAQ,MAAO,EAAA,MAAA,EAAO,CACxC,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,CAAC,CAAA,CAAA;AAIM,MAAM,YAAYE,yBAAM,CAAA,UAAA;AAAA,EAI7B,CACE;AAAA,IACE,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UAEA,qBAAAF,cAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MAEA,QAAC,kBAAAA,cAAA,CAAA,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,KAAK,UAAY,EAAA,CAAA;AAAA,KAAA;AAAA,GACxC;AAEJ,EAAA;AAUA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,SAAA,CAAU,YAAe,GAAA,YAAA,CAAA;AACzB,SAAA,CAAU,QAAW,GAAA,QAAA;;;;;"}

package/dist/module.js

@@ -348,22 +348,28 @@ const ActionButton = React.forwardRef(({ "aria-label": ariaLabel, label, childre
     (key) => key.startsWith("onPress")
   );
   const customDisabled = restProps.disabled;
-  return /* @__PURE__ */ jsx(Fragment, { children: showInputSlot && /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      StyledActionButton,
-      {
-        type: "button",
-        ...restProps,
-        "aria-label": ariaLabel != null ? ariaLabel : label,
-        disabled: hasPressEvent ? customDisabled : customDisabled != null ? customDisabled : !editable,
-        disableAppearance: hasPressEvent ? !booleanify(readOnly) && customDisabled : booleanify(disabled != null ? disabled : ariaDisabled),
-        readOnlyAppearance: readOnly,
-        ref: mergeRefs([forwardRef, actionButtonRef]),
-        children: formattedChildren
-      }
-    ) }),
+  const actionButton = /* @__PURE__ */ jsx(
+    StyledActionButton,
+    {
+      type: "button",
+      ...restProps,
+      "aria-label": ariaLabel != null ? ariaLabel : label,
+      disabled: hasPressEvent ? customDisabled : customDisabled != null ? customDisabled : !editable,
+      disableAppearance: hasPressEvent ? !booleanify(readOnly) && customDisabled : booleanify(disabled != null ? disabled : ariaDisabled),
+      readOnlyAppearance: readOnly,
+      ref: mergeRefs([forwardRef, actionButtonRef]),
+      children: formattedChildren
+    }
+  );
+  if (!showInputSlot)
+    return /* @__PURE__ */ jsx(Fragment, {});
+  if ((label === void 0 || label === "") && ariaLabel !== void 0 && ariaLabel !== "") {
+    return actionButton;
+  }
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: actionButton }),
     /* @__PURE__ */ jsx(Tooltip.Content, { children: label })
-  ] }) });
+  ] });
 });
 
 const IconSlot = React.forwardRef(({ children, ...restProps }, forwardRef) => {

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/partials/icon-slot.styled.tsx","../src/partials/action-button.styled.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/input.tsx","../src/partials/action-button.tsx","../src/partials/icon-slot.tsx","../src/base-input.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 { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport type { ComponentPropsWithRef } from 'react'\nimport { actionButtonStyles } from '@mirohq/design-system-base-text-field'\n\nexport const StyledActionButton = styled(BaseButton, {\n  ...actionButtonStyles,\n  order: 3,\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 { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\nimport { textFieldStyles } from '@mirohq/design-system-base-text-field'\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  position: 'relative',\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  ...textFieldStyles.variants.idle,\n\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: textFieldStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: textFieldStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      medium: {\n        fontSize: '$175',\n        height: '$8',\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      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: textFieldStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: textFieldStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: textFieldStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.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: textFieldStyles.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 { textFieldStyles } from '@mirohq/design-system-base-text-field'\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    textFieldStyles.base.placeholder,\n\n  '&:read-only': {\n    color: textFieldStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    textFieldStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\ninterface InputProps extends FormElementProps {\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\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  hasIconSlot: 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  'aria-disabled': ariaDisabled,\n  readOnly,\n  required,\n  valid,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): JSX.Element => {\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 [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        setHasIconSlot,\n        hasIconSlot,\n        hovered,\n        focused,\n        disabled,\n        'aria-disabled': ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n        required,\n        valid,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport type InputProps = Omit<\n  StyledInputProps,\n  // these props should be set in the root\n  'aria-disabled' | 'disabled' | 'readOnly' | 'required' | 'onChange'\n>\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  InputProps\n>(\n  (\n    {\n      id,\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      setFocused,\n      inputRef,\n      required,\n      readOnly,\n      onChange,\n    } = useInputContext()\n\n    const { onBlur, onFocus, ...elementProps } = useAriaDisabled({\n      ...restProps,\n      ariaDisabled,\n    })\n\n    const onFocusHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(true)\n        onFocus?.(e)\n      },\n      [setFocused, onFocus]\n    )\n    const onBlurHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(false)\n        onBlur?.(e)\n      },\n      [setFocused, onBlur]\n    )\n\n    return (\n      <StyledInput\n        {...elementProps}\n        id={id}\n        readOnly={readOnly}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled === true || undefined}\n        required={required === true || undefined}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        onChange={onChange}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n    )\n  }\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 type ActionButtonProps = 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    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot = valid === undefined || booleanify(hovered)\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 React from 'react'\nimport { addPropsToChildren, booleanify } from '@mirohq/design-system-utils'\nimport { isIconComponent } from '@mirohq/design-system-base-icon'\nimport type { ElementRef } from 'react'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\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 {\n    'aria-disabled': ariaDisabled,\n    disabled,\n    setHasIconSlot,\n  } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  useLayoutEffect(() => {\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 React, { useRef } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport {\n  booleanify,\n  booleanishAttrValue,\n  mergeRefs,\n} from '@mirohq/design-system-utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { useHover } from '@react-aria/interactions'\nimport { mergeProps } from '@react-aria/utils'\n\nimport type { StyledBaseInputProps } from './base-input.styled'\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport type { InputProviderProps } from './hooks/use-input-context'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\ntype BaseInputRootProps = Omit<\n  StyledBaseInputProps,\n  // these props come from useInputContext, we don't pass it to BaseInput directly\n  | 'hovered'\n  | 'focused'\n  | 'valid'\n  | 'readOnly'\n  | 'disabled'\n  | 'ariaDisabled'\n  // these shouldn't be applied to div\n  | 'value'\n  | 'defaultValue'\n  | 'placeholder'\n>\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputRootProps\n>(({ children, size, ...restProps }, forwardRef) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    setHovered,\n    inputRef,\n    actionButtonRef,\n    setFocused,\n  } = useInputContext()\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const { pressProps } = usePress({\n    onPressStart: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const shouldPrevent =\n        document.activeElement === inputRef.current &&\n        target !== inputRef.current // to not stop text selection\n\n      // to not lose focus on container click\n      if (shouldPrevent) {\n        e.originalEvent.preventDefault()\n      }\n    },\n    onPressEnd: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const isActionButton =\n        target === actionButtonRef.current ||\n        actionButtonRef.current?.contains(target as Node) === true\n\n      const shouldFocusInput =\n        !isActionButton && !booleanify(disabled) && !booleanify(focused)\n\n      if (shouldFocusInput) {\n        inputRef.current?.focus()\n        setFocused(true)\n      }\n    },\n    preventFocusOnPress: 'auto',\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  // validity\n  const showValidityIcon =\n    !booleanify(readOnly) &&\n    !ariaDisabledOrDisabled &&\n    !hovered &&\n    !focused &&\n    valid !== undefined\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  return (\n    <StyledBaseInput\n      {...mergeProps(restProps, hoverProps, pressProps)}\n      data-invalid={booleanishAttrValue(valid === false)}\n      data-valid={booleanishAttrValue(valid === true)}\n      data-form-element='input'\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-testid={\n        process.env.NODE_ENV === 'test' ? 'input-container' : undefined\n      }\n    >\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' weight='thin' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport type BaseInputProps = BaseInputRootProps & InputProviderProps\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      valid,\n      readOnly,\n      required,\n      onChange,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChange}\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  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nBaseInput.Input = Input\nBaseInput.ActionButton = ActionButton\nBaseInput.IconSlot = IconSlot\n"],"names":[],"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;;ACnBY,MAAA,kBAAA,GAAqB,OAAO,UAAY,EAAA;AAAA,EACnD,GAAG,kBAAA;AAAA,EACH,KAAO,EAAA,CAAA;AAAA,EAEP,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;;ACXM,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,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,QAAA;AAAA,EACZ,OAAS,EAAA,aAAA;AAAA,EACT,MAAQ,EAAA,aAAA;AAAA,EACR,GAAG,gBAAgB,QAAS,CAAA,IAAA;AAAA,EAE5B,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,MAAM,EAAC;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAA,EAAM,gBAAgB,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,EAAM,gBAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAA,EAAM,gBAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,IAAA,EAAM,gBAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA,MAAA;AAAA,QACV,MAAQ,EAAA,IAAA;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,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,EAAK,eAAgB,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,EAAK,eAAgB,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,EAAa,eAAgB,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,EAAK,eAAgB,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,EAAK,eAAgB,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,EAAK,gBAAgB,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,EAAK,eAAgB,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,EAAK,eAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,OAAA;AAAA,KACtC;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAC,CAAA;;AC1KD,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,GACpD,gBAAgB,IAAK,CAAA,WAAA;AAAA,EAEvB,aAAe,EAAA;AAAA,IACb,KAAA,EAAO,eAAgB,CAAA,QAAA,CAAS,QAAS,CAAA,KAAA;AAAA,GAC3C;AAAA,EAEA,qDAAA,EACE,gBAAgB,IAAK,CAAA,QAAA;AACzB,CAAC,CAAA;;ACRD,MAAM,YAAA,GAAe,aAAiC,CAAA,EAAS,CAAA,CAAA;AAExD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAiB,EAAA,YAAA;AAAA,EACjB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,SAAA;AACL,CAA0D,KAAA;AACxD,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,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,cAAA;AAAA,QACA,WAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAiB,EAAA,YAAA;AAAA,QACjB,QAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,OACF;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,eAAA,GAAkB,MAAyB,UAAA,CAAW,YAAY;;ACpDxE,MAAM,QAAQ,KAAM,CAAA,UAAA;AAAA,EAIzB,CACE;AAAA,IACE,EAAA;AAAA,IACA,kBAAoB,EAAA,eAAA;AAAA,IACpB,cAAgB,EAAA,WAAA;AAAA,IAChB,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAM,MAAA;AAAA,MACJ,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,QACE,eAAgB,EAAA,CAAA;AAEpB,IAAA,MAAM,EAAE,MAAQ,EAAA,OAAA,EAAS,GAAG,YAAA,KAAiB,eAAgB,CAAA;AAAA,MAC3D,GAAG,SAAA;AAAA,MACH,YAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,iBAAiB,KAAM,CAAA,WAAA;AAAA,MAC3B,CAAC,CAA0C,KAAA;AACzC,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,QAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACZ;AAAA,MACA,CAAC,YAAY,OAAO,CAAA;AAAA,KACtB,CAAA;AACA,IAAA,MAAM,gBAAgB,KAAM,CAAA,WAAA;AAAA,MAC1B,CAAC,CAA0C,KAAA;AACzC,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,QAAS,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACX;AAAA,MACA,CAAC,YAAY,MAAM,CAAA;AAAA,KACrB,CAAA;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,kBAAkB,EAAA,eAAA;AAAA,QAClB,cAAc,EAAA,WAAA;AAAA,QACd,QAAA,EAAU,aAAa,IAAQ,IAAA,KAAA,CAAA;AAAA,QAC/B,QAAA,EAAU,aAAa,IAAQ,IAAA,KAAA,CAAA;AAAA,QAC/B,OAAS,EAAA,cAAA;AAAA,QACT,MAAQ,EAAA,aAAA;AAAA,QACR,QAAA;AAAA,QACA,GAAK,EAAA,SAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,OAAA;AAAA,KACvC,CAAA;AAAA,GAEJ;AACF,CAAA;;ACxDO,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,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AAEpB,EAAA,MAAM,aAAgB,GAAA,KAAA,KAAU,KAAa,CAAA,IAAA,UAAA,CAAW,OAAO,CAAA,CAAA;AAE/D,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;;AC7DY,MAAA,QAAA,GAAW,MAAM,UAG5B,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,cAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AACpB,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,eAAA,CAAgB,MAAM;AACpB,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;;ACJvB,MAAM,IAAA,GAAO,KAAM,CAAA,UAAA,CAGjB,CAAC,EAAE,UAAU,IAAM,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAClD,EAAM,MAAA,GAAA,GAAM,OAAuB,IAAI,CAAA,CAAA;AACvC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AACpB,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,OAAA,KAAY,QAAS,CAAA;AAAA,IAClD,aAAe,EAAA,UAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,QAAS,CAAA;AAAA,IAC9B,cAAc,CAAK,CAAA,KAAA;AACjB,MAAM,MAAA,EAAE,MAAO,EAAA,GAAI,CAAE,CAAA,aAAA,CAAA;AAErB,MAAA,MAAM,gBACJ,QAAS,CAAA,aAAA,KAAkB,QAAS,CAAA,OAAA,IACpC,WAAW,QAAS,CAAA,OAAA,CAAA;AAGtB,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,CAAA,CAAE,cAAc,cAAe,EAAA,CAAA;AAAA,OACjC;AAAA,KACF;AAAA,IACA,YAAY,CAAK,CAAA,KAAA;AAxErB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAyEM,MAAM,MAAA,EAAE,MAAO,EAAA,GAAI,CAAE,CAAA,aAAA,CAAA;AAErB,MAAM,MAAA,cAAA,GACJ,WAAW,eAAgB,CAAA,OAAA,IAAA,CAAA,CAC3B,qBAAgB,OAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAyB,SAAS,MAAoB,CAAA,MAAA,IAAA,CAAA;AAExD,MAAM,MAAA,gBAAA,GACJ,CAAC,cAAkB,IAAA,CAAC,WAAW,QAAQ,CAAA,IAAK,CAAC,UAAA,CAAW,OAAO,CAAA,CAAA;AAEjE,MAAA,IAAI,gBAAkB,EAAA;AACpB,QAAA,CAAA,EAAA,GAAA,QAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAClB,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,OACjB;AAAA,KACF;AAAA,IACA,mBAAqB,EAAA,MAAA;AAAA,GACtB,CAAA,CAAA;AAED,EAAA,MAAM,sBACJ,GAAA,UAAA,CAAW,YAAY,CAAA,IAAK,WAAW,QAAQ,CAAA,CAAA;AAGjD,EAAM,MAAA,gBAAA,GACJ,CAAC,UAAA,CAAW,QAAQ,CAAA,IACpB,CAAC,sBAAA,IACD,CAAC,OAAA,IACD,CAAC,OAAA,IACD,KAAU,KAAA,KAAA,CAAA,CAAA;AACZ,EAAM,MAAA,SAAA,GACJ,KAAU,KAAA,IAAA,GAAO,mBAAsB,GAAA,gCAAA,CAAA;AAEzC,EACE,uBAAA,IAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA,CAAW,SAAW,EAAA,UAAA,EAAY,UAAU,CAAA;AAAA,MAChD,cAAA,EAAc,mBAAoB,CAAA,KAAA,KAAU,KAAK,CAAA;AAAA,MACjD,YAAA,EAAY,mBAAoB,CAAA,KAAA,KAAU,IAAI,CAAA;AAAA,MAC9C,mBAAkB,EAAA,OAAA;AAAA,MAClB,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,aACE,EAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,SAAS,iBAAoB,GAAA,KAAA,CAAA;AAAA,MAGvD,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,gBAAA,wBACE,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,OAAA,EAAQ,MAAO,EAAA,MAAA,EAAO,CACxC,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,CAAC,CAAA,CAAA;AAIM,MAAM,YAAY,KAAM,CAAA,UAAA;AAAA,EAI7B,CACE;AAAA,IACE,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UAEA,qBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,KAAK,UAAY,EAAA,CAAA;AAAA,KAAA;AAAA,GACxC;AAEJ,EAAA;AAUA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,SAAA,CAAU,YAAe,GAAA,YAAA,CAAA;AACzB,SAAA,CAAU,QAAW,GAAA,QAAA;;;;"}
+{"version":3,"file":"module.js","sources":["../src/partials/icon-slot.styled.tsx","../src/partials/action-button.styled.tsx","../src/base-input.styled.tsx","../src/partials/input.styled.tsx","../src/hooks/use-input-context.tsx","../src/partials/input.tsx","../src/partials/action-button.tsx","../src/partials/icon-slot.tsx","../src/base-input.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 { styled } from '@mirohq/design-system-stitches'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport type { ComponentPropsWithRef } from 'react'\nimport { actionButtonStyles } from '@mirohq/design-system-base-text-field'\n\nexport const StyledActionButton = styled(BaseButton, {\n  ...actionButtonStyles,\n  order: 3,\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 { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { ComponentPropsWithRef } from 'react'\nimport {\n  IconExclamationPointCircle,\n  IconCheckMark,\n} from '@mirohq/design-system-icons'\nimport { textFieldStyles } from '@mirohq/design-system-base-text-field'\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  position: 'relative',\n  alignItems: 'center',\n  display: 'inline-flex',\n  height: 'max-content',\n  ...textFieldStyles.variants.idle,\n\n  variants: {\n    hovered: {\n      true: {},\n      false: {},\n    },\n    focused: {\n      true: textFieldStyles.variants.focused,\n      false: {},\n    },\n    valid: {\n      true: {},\n      false: {},\n    },\n    readOnly: {\n      true: textFieldStyles.variants.readOnly,\n      false: {},\n    },\n    disabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    ariaDisabled: {\n      true: textFieldStyles.variants.disabled,\n      false: {},\n    },\n    size: {\n      medium: {\n        fontSize: '$175',\n        height: '$8',\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      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: textFieldStyles.variants.invalid.idle,\n    },\n    {\n      valid: true,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.idle,\n    },\n    /** Focus States */\n    {\n      focused: true,\n      readOnly: false,\n      css: {\n        borderColor: textFieldStyles.variants.focused.borderColor,\n      },\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.invalid.focused,\n    },\n    {\n      focused: true,\n      readOnly: false,\n      valid: true,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.variants.valid.focused,\n    },\n    /** Hover states */\n    {\n      hovered: true,\n      disabled: false,\n      ariaDisabled: false,\n      readOnly: false,\n      css: textFieldStyles.variants.hovered,\n    },\n    {\n      hovered: true,\n      focused: false,\n      valid: false,\n      readOnly: false,\n      disabled: false,\n      ariaDisabled: false,\n      css: textFieldStyles.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: textFieldStyles.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 { textFieldStyles } from '@mirohq/design-system-base-text-field'\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    textFieldStyles.base.placeholder,\n\n  '&:read-only': {\n    color: textFieldStyles.variants.readOnly.color,\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]':\n    textFieldStyles.base.disabled,\n})\n\nexport type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>\n","import React, { createContext, useContext, useState, useRef } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\ninterface InputProps extends FormElementProps {\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\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  hasIconSlot: 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  'aria-disabled': ariaDisabled,\n  readOnly,\n  required,\n  valid,\n  ...restProps\n}: PropsWithChildren<InputProviderProps>): JSX.Element => {\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 [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        setHasIconSlot,\n        hasIconSlot,\n        hovered,\n        focused,\n        disabled,\n        'aria-disabled': ariaDisabled,\n        readOnly,\n        editable,\n        inputRef,\n        actionButtonRef,\n        required,\n        valid,\n      }}\n    >\n      {children}\n    </InputContext.Provider>\n  )\n}\n\nexport const useInputContext = (): InputContextProps => useContext(InputContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledInput } from './input.styled'\nimport type { StyledInputProps } from './input.styled'\nimport { useInputContext } from '../hooks/use-input-context'\n\nexport type InputProps = Omit<\n  StyledInputProps,\n  // these props should be set in the root\n  'aria-disabled' | 'disabled' | 'readOnly' | 'required' | 'onChange'\n>\n\nexport const Input = React.forwardRef<\n  ElementRef<typeof StyledInput>,\n  InputProps\n>(\n  (\n    {\n      id,\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      setFocused,\n      inputRef,\n      required,\n      readOnly,\n      onChange,\n    } = useInputContext()\n\n    const { onBlur, onFocus, ...elementProps } = useAriaDisabled({\n      ...restProps,\n      ariaDisabled,\n    })\n\n    const onFocusHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(true)\n        onFocus?.(e)\n      },\n      [setFocused, onFocus]\n    )\n    const onBlurHandler = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setFocused(false)\n        onBlur?.(e)\n      },\n      [setFocused, onBlur]\n    )\n\n    return (\n      <StyledInput\n        {...elementProps}\n        id={id}\n        readOnly={readOnly}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled === true || undefined}\n        required={required === true || undefined}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        onChange={onChange}\n        ref={mergeRefs([inputRef, forwardRef])}\n      />\n    )\n  }\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 type ActionButtonProps = StyledActionButtonProps &\n  (\n    | {\n        label: string\n        'aria-label'?: string\n      }\n    // force aria-label if label is not present\n    | {\n        label?: never\n        'aria-label': string\n      }\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    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    actionButtonRef,\n  } = useInputContext()\n\n  const showInputSlot = valid === undefined || booleanify(hovered)\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  const actionButton = (\n    <StyledActionButton\n      type='button'\n      {...restProps}\n      aria-label={ariaLabel ?? label}\n      disabled={hasPressEvent ? customDisabled : customDisabled ?? !editable}\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  )\n\n  if (!showInputSlot) return <></>\n\n  if (\n    (label === undefined || label === '') &&\n    ariaLabel !== undefined &&\n    ariaLabel !== ''\n  ) {\n    return actionButton\n  }\n\n  return (\n    <Tooltip>\n      <Tooltip.Trigger asChild>{actionButton}</Tooltip.Trigger>\n      <Tooltip.Content>{label}</Tooltip.Content>\n    </Tooltip>\n  )\n})\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'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\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 {\n    'aria-disabled': ariaDisabled,\n    disabled,\n    setHasIconSlot,\n  } = useInputContext()\n  const formattedChildren = addPropsToChildren(children, isIconComponent, {\n    size: 'small',\n    weight: 'thin',\n    'aria-hidden': true,\n  })\n\n  useLayoutEffect(() => {\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 React, { useRef } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport {\n  booleanify,\n  booleanishAttrValue,\n  mergeRefs,\n} from '@mirohq/design-system-utils'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport { useHover } from '@react-aria/interactions'\nimport { mergeProps } from '@react-aria/utils'\n\nimport type { StyledBaseInputProps } from './base-input.styled'\nimport {\n  StyledBaseInput,\n  StyledValidityBox,\n  StyledIconExclamationPointCircle,\n  StyledIconCheckMark,\n} from './base-input.styled'\nimport { Input } from './partials/input'\nimport type { InputProviderProps } from './hooks/use-input-context'\nimport { InputProvider, useInputContext } from './hooks/use-input-context'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\ntype BaseInputRootProps = Omit<\n  StyledBaseInputProps,\n  // these props come from useInputContext, we don't pass it to BaseInput directly\n  | 'hovered'\n  | 'focused'\n  | 'valid'\n  | 'readOnly'\n  | 'disabled'\n  | 'ariaDisabled'\n  // these shouldn't be applied to div\n  | 'value'\n  | 'defaultValue'\n  | 'placeholder'\n>\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputRootProps\n>(({ children, size, ...restProps }, forwardRef) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const {\n    valid,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    readOnly,\n    focused,\n    setHovered,\n    inputRef,\n    actionButtonRef,\n    setFocused,\n  } = useInputContext()\n  const { hoverProps, isHovered: hovered } = useHover({\n    onHoverChange: setHovered,\n  })\n\n  const { pressProps } = usePress({\n    onPressStart: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const shouldPrevent =\n        document.activeElement === inputRef.current &&\n        target !== inputRef.current // to not stop text selection\n\n      // to not lose focus on container click\n      if (shouldPrevent) {\n        e.originalEvent.preventDefault()\n      }\n    },\n    onPressEnd: e => {\n      const { target } = e.originalEvent as PointerEvent\n\n      const isActionButton =\n        target === actionButtonRef.current ||\n        actionButtonRef.current?.contains(target as Node) === true\n\n      const shouldFocusInput =\n        !isActionButton && !booleanify(disabled) && !booleanify(focused)\n\n      if (shouldFocusInput) {\n        inputRef.current?.focus()\n        setFocused(true)\n      }\n    },\n    preventFocusOnPress: 'auto',\n  })\n\n  const ariaDisabledOrDisabled =\n    booleanify(ariaDisabled) || booleanify(disabled)\n\n  // validity\n  const showValidityIcon =\n    !booleanify(readOnly) &&\n    !ariaDisabledOrDisabled &&\n    !hovered &&\n    !focused &&\n    valid !== undefined\n  const ValidIcon =\n    valid === true ? StyledIconCheckMark : StyledIconExclamationPointCircle\n\n  return (\n    <StyledBaseInput\n      {...mergeProps(restProps, hoverProps, pressProps)}\n      data-invalid={booleanishAttrValue(valid === false)}\n      data-valid={booleanishAttrValue(valid === true)}\n      data-form-element='input'\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-testid={\n        process.env.NODE_ENV === 'test' ? 'input-container' : undefined\n      }\n    >\n      {children}\n      {showValidityIcon && (\n        <StyledValidityBox>\n          <ValidIcon size='small' weight='thin' />\n        </StyledValidityBox>\n      )}\n    </StyledBaseInput>\n  )\n})\n\nexport type BaseInputProps = BaseInputRootProps & InputProviderProps\n\nexport const BaseInput = React.forwardRef<\n  ElementRef<typeof StyledBaseInput>,\n  BaseInputProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      disabled,\n      valid,\n      readOnly,\n      required,\n      onChange,\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <InputProvider\n      valid={valid}\n      disabled={disabled}\n      aria-disabled={ariaDisabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChange}\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  ActionButton: typeof ActionButton\n  IconSlot: typeof IconSlot\n}\n\nBaseInput.Input = Input\nBaseInput.ActionButton = ActionButton\nBaseInput.IconSlot = IconSlot\n"],"names":[],"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;;ACnBY,MAAA,kBAAA,GAAqB,OAAO,UAAY,EAAA;AAAA,EACnD,GAAG,kBAAA;AAAA,EACH,KAAO,EAAA,CAAA;AAAA,EAEP,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;;ACXM,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,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,QAAA;AAAA,EACZ,OAAS,EAAA,aAAA;AAAA,EACT,MAAQ,EAAA,aAAA;AAAA,EACR,GAAG,gBAAgB,QAAS,CAAA,IAAA;AAAA,EAE5B,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,MAAM,EAAC;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAA,EAAM,gBAAgB,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,EAAM,gBAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAA,EAAM,gBAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,IAAA,EAAM,gBAAgB,QAAS,CAAA,QAAA;AAAA,MAC/B,OAAO,EAAC;AAAA,KACV;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA,MAAA;AAAA,QACV,MAAQ,EAAA,IAAA;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,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,EAAK,eAAgB,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,EAAK,eAAgB,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,EAAa,eAAgB,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,EAAK,eAAgB,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,EAAK,eAAgB,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,EAAK,gBAAgB,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,EAAK,eAAgB,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,EAAK,eAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,OAAA;AAAA,KACtC;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAC,CAAA;;AC1KD,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,GACpD,gBAAgB,IAAK,CAAA,WAAA;AAAA,EAEvB,aAAe,EAAA;AAAA,IACb,KAAA,EAAO,eAAgB,CAAA,QAAA,CAAS,QAAS,CAAA,KAAA;AAAA,GAC3C;AAAA,EAEA,qDAAA,EACE,gBAAgB,IAAK,CAAA,QAAA;AACzB,CAAC,CAAA;;ACRD,MAAM,YAAA,GAAe,aAAiC,CAAA,EAAS,CAAA,CAAA;AAExD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAiB,EAAA,YAAA;AAAA,EACjB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,SAAA;AACL,CAA0D,KAAA;AACxD,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,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,cAAA;AAAA,QACA,WAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAiB,EAAA,YAAA;AAAA,QACjB,QAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,OACF;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,eAAA,GAAkB,MAAyB,UAAA,CAAW,YAAY;;ACpDxE,MAAM,QAAQ,KAAM,CAAA,UAAA;AAAA,EAIzB,CACE;AAAA,IACE,EAAA;AAAA,IACA,kBAAoB,EAAA,eAAA;AAAA,IACpB,cAAgB,EAAA,WAAA;AAAA,IAChB,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAM,MAAA;AAAA,MACJ,eAAiB,EAAA,YAAA;AAAA,MACjB,QAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,QACE,eAAgB,EAAA,CAAA;AAEpB,IAAA,MAAM,EAAE,MAAQ,EAAA,OAAA,EAAS,GAAG,YAAA,KAAiB,eAAgB,CAAA;AAAA,MAC3D,GAAG,SAAA;AAAA,MACH,YAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,iBAAiB,KAAM,CAAA,WAAA;AAAA,MAC3B,CAAC,CAA0C,KAAA;AACzC,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,QAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACZ;AAAA,MACA,CAAC,YAAY,OAAO,CAAA;AAAA,KACtB,CAAA;AACA,IAAA,MAAM,gBAAgB,KAAM,CAAA,WAAA;AAAA,MAC1B,CAAC,CAA0C,KAAA;AACzC,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,QAAS,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACX;AAAA,MACA,CAAC,YAAY,MAAM,CAAA;AAAA,KACrB,CAAA;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,kBAAkB,EAAA,eAAA;AAAA,QAClB,cAAc,EAAA,WAAA;AAAA,QACd,QAAA,EAAU,aAAa,IAAQ,IAAA,KAAA,CAAA;AAAA,QAC/B,QAAA,EAAU,aAAa,IAAQ,IAAA,KAAA,CAAA;AAAA,QAC/B,OAAS,EAAA,cAAA;AAAA,QACT,MAAQ,EAAA,aAAA;AAAA,QACR,QAAA;AAAA,QACA,GAAK,EAAA,SAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,OAAA;AAAA,KACvC,CAAA;AAAA,GAEJ;AACF,CAAA;;AC/CO,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,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AAEpB,EAAA,MAAM,aAAgB,GAAA,KAAA,KAAU,KAAa,CAAA,IAAA,UAAA,CAAW,OAAO,CAAA,CAAA;AAE/D,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,EAAA,MAAM,YACJ,mBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,QAAA;AAAA,MACJ,GAAG,SAAA;AAAA,MACJ,cAAY,SAAa,IAAA,IAAA,GAAA,SAAA,GAAA,KAAA;AAAA,MACzB,QAAU,EAAA,aAAA,GAAgB,cAAiB,GAAA,cAAA,IAAA,IAAA,GAAA,cAAA,GAAkB,CAAC,QAAA;AAAA,MAC9D,iBAAA,EACE,gBACI,CAAC,UAAA,CAAW,QAAQ,CAAK,IAAA,cAAA,GACzB,UAAW,CAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,YAAY,CAAA;AAAA,MAEzC,kBAAoB,EAAA,QAAA;AAAA,MACpB,GAAK,EAAA,SAAA,CAAU,CAAC,UAAA,EAAY,eAAe,CAAC,CAAA;AAAA,MAE3C,QAAA,EAAA,iBAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAGF,EAAA,IAAI,CAAC,aAAA;AAAe,IAAA,uBAAS,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AAE7B,EAAA,IAAA,CACG,UAAU,KAAa,CAAA,IAAA,KAAA,KAAU,OAClC,SAAc,KAAA,KAAA,CAAA,IACd,cAAc,EACd,EAAA;AACA,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AAEA,EAAA,4BACG,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAQ,CAAA,OAAA,EAAR,EAAgB,OAAA,EAAO,MAAE,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,oBACtC,GAAA,CAAA,OAAA,CAAQ,OAAR,EAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,GAC1B,EAAA,CAAA,CAAA;AAEJ,CAAC,CAAA;;AC5EY,MAAA,QAAA,GAAW,MAAM,UAG5B,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,cAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AACpB,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,eAAA,CAAgB,MAAM;AACpB,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;;ACJvB,MAAM,IAAA,GAAO,KAAM,CAAA,UAAA,CAGjB,CAAC,EAAE,UAAU,IAAM,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAClD,EAAM,MAAA,GAAA,GAAM,OAAuB,IAAI,CAAA,CAAA;AACvC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,MACE,eAAgB,EAAA,CAAA;AACpB,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,OAAA,KAAY,QAAS,CAAA;AAAA,IAClD,aAAe,EAAA,UAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,QAAS,CAAA;AAAA,IAC9B,cAAc,CAAK,CAAA,KAAA;AACjB,MAAM,MAAA,EAAE,MAAO,EAAA,GAAI,CAAE,CAAA,aAAA,CAAA;AAErB,MAAA,MAAM,gBACJ,QAAS,CAAA,aAAA,KAAkB,QAAS,CAAA,OAAA,IACpC,WAAW,QAAS,CAAA,OAAA,CAAA;AAGtB,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,CAAA,CAAE,cAAc,cAAe,EAAA,CAAA;AAAA,OACjC;AAAA,KACF;AAAA,IACA,YAAY,CAAK,CAAA,KAAA;AAxErB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAyEM,MAAM,MAAA,EAAE,MAAO,EAAA,GAAI,CAAE,CAAA,aAAA,CAAA;AAErB,MAAM,MAAA,cAAA,GACJ,WAAW,eAAgB,CAAA,OAAA,IAAA,CAAA,CAC3B,qBAAgB,OAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAyB,SAAS,MAAoB,CAAA,MAAA,IAAA,CAAA;AAExD,MAAM,MAAA,gBAAA,GACJ,CAAC,cAAkB,IAAA,CAAC,WAAW,QAAQ,CAAA,IAAK,CAAC,UAAA,CAAW,OAAO,CAAA,CAAA;AAEjE,MAAA,IAAI,gBAAkB,EAAA;AACpB,QAAA,CAAA,EAAA,GAAA,QAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAClB,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,OACjB;AAAA,KACF;AAAA,IACA,mBAAqB,EAAA,MAAA;AAAA,GACtB,CAAA,CAAA;AAED,EAAA,MAAM,sBACJ,GAAA,UAAA,CAAW,YAAY,CAAA,IAAK,WAAW,QAAQ,CAAA,CAAA;AAGjD,EAAM,MAAA,gBAAA,GACJ,CAAC,UAAA,CAAW,QAAQ,CAAA,IACpB,CAAC,sBAAA,IACD,CAAC,OAAA,IACD,CAAC,OAAA,IACD,KAAU,KAAA,KAAA,CAAA,CAAA;AACZ,EAAM,MAAA,SAAA,GACJ,KAAU,KAAA,IAAA,GAAO,mBAAsB,GAAA,gCAAA,CAAA;AAEzC,EACE,uBAAA,IAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA,CAAW,SAAW,EAAA,UAAA,EAAY,UAAU,CAAA;AAAA,MAChD,cAAA,EAAc,mBAAoB,CAAA,KAAA,KAAU,KAAK,CAAA;AAAA,MACjD,YAAA,EAAY,mBAAoB,CAAA,KAAA,KAAU,IAAI,CAAA;AAAA,MAC9C,mBAAkB,EAAA,OAAA;AAAA,MAClB,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,aACE,EAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,SAAS,iBAAoB,GAAA,KAAA,CAAA;AAAA,MAGvD,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,gBAAA,wBACE,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,OAAA,EAAQ,MAAO,EAAA,MAAA,EAAO,CACxC,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,CAAC,CAAA,CAAA;AAIM,MAAM,YAAY,KAAM,CAAA,UAAA;AAAA,EAI7B,CACE;AAAA,IACE,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UAEA,qBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAe,EAAA,YAAA;AAAA,MACf,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,KAAK,UAAY,EAAA,CAAA;AAAA,KAAA;AAAA,GACxC;AAEJ,EAAA;AAUA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,SAAA,CAAU,YAAe,GAAA,YAAA,CAAA;AACzB,SAAA,CAAU,QAAW,GAAA,QAAA;;;;"}

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import * as react from 'react';
-import react__default, { ComponentPropsWithRef, InputHTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { ComponentPropsWithRef, InputHTMLAttributes } from 'react';
 import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
 import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
 import { SafeProps, CSS } from '@mirohq/design-system-stitches';
@@ -9,7 +9,7 @@ import * as packages_components_internal_base_button_src_base_button from 'packa
 import * as _mirohq_design_system_hooks_use_press from '@mirohq/design-system-hooks/use-press';
 import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
 
-declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<"div">, "size" | "disabled" | "readOnly" | "ariaDisabled" | "hovered" | "focused" | "valid"> & _stitches_react_types_styled_component.TransformProps<{
+declare const StyledBaseInput: React$1.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<"div">, "size" | "disabled" | "readOnly" | "ariaDisabled" | "hovered" | "focused" | "valid"> & _stitches_react_types_styled_component.TransformProps<{
     hovered?: boolean | "false" | "true" | undefined;
     focused?: boolean | "false" | "true" | undefined;
     valid?: boolean | "false" | "true" | undefined;
@@ -17,7 +17,7 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
     disabled?: boolean | "false" | "true" | undefined;
     ariaDisabled?: boolean | "false" | "true" | undefined;
     size?: "medium" | "large" | "x-large" | undefined;
-}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<"div", {
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<"div", {
     hovered?: boolean | "false" | "true" | undefined;
     focused?: boolean | "false" | "true" | undefined;
     valid?: boolean | "false" | "true" | undefined;
@@ -28,86 +28,110 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
 }, {}>;
 declare type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>;
 
-declare const StyledInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLInputElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>, {}, {}>;
+declare const StyledInput: React$1.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLInputElement>> & _mirohq_design_system_stitches.StitchesInternals<React$1.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>, {}, {}>;
 declare type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>;
 
 declare type InputProps$2 = Omit<StyledInputProps, 'aria-disabled' | 'disabled' | 'readOnly' | 'required' | 'onChange'>;
-declare const Input: react__default.ForwardRefExoticComponent<Omit<InputProps$2, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps$2, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 interface InputProps$1 extends FormElementProps {
-    onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
 }
 interface InputContextProps extends InputProps$1 {
     focused: boolean;
-    setFocused: react__default.Dispatch<react__default.SetStateAction<boolean>>;
+    setFocused: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     hovered: boolean;
-    setHovered: react__default.Dispatch<react__default.SetStateAction<boolean>>;
+    setHovered: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     hasIconSlot: boolean;
-    setHasIconSlot: react__default.Dispatch<react__default.SetStateAction<boolean>>;
-    actionButtonRef: react__default.RefObject<HTMLAnchorElement | HTMLButtonElement>;
-    inputRef: react__default.RefObject<HTMLInputElement>;
+    setHasIconSlot: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    actionButtonRef: React__default.RefObject<HTMLAnchorElement | HTMLButtonElement>;
+    inputRef: React__default.RefObject<HTMLInputElement>;
     editable: boolean;
 }
 declare type InputProviderProps = InputProps$1;
 declare const useInputContext: () => InputContextProps;
 
-declare const StyledActionButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
-    children?: react.ReactNode;
+declare const StyledActionButton: React$1.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
+    children?: React$1.ReactNode;
 }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
     readOnlyAppearance?: boolean | "true" | undefined;
     disableAppearance?: boolean | "true" | undefined;
-}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React$1.AnchorHTMLAttributes<"a"> & {
     href: string;
-}, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
-    children?: react.ReactNode;
+}, "ref"> & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
+    children?: React$1.ReactNode;
 }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
     readOnlyAppearance?: boolean | "true" | undefined;
     disableAppearance?: boolean | "true" | undefined;
-}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> | Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<React$1.ForwardRefExoticComponent<(Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> | Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React$1.AnchorHTMLAttributes<"a"> & {
     href: string;
-}, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
+}, "ref">) & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
     readOnlyAppearance?: boolean | "true" | undefined;
     disableAppearance?: boolean | "true" | undefined;
 }, {}>;
 declare type StyledActionButtonProps = ComponentPropsWithRef<typeof StyledActionButton>;
 
-declare type ActionButtonProps = StyledActionButtonProps & {
+declare type ActionButtonProps = StyledActionButtonProps & ({
     label: string;
-};
-declare const ActionButton: react__default.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
-    children?: react__default.ReactNode;
+    'aria-label'?: string;
+} | {
+    label?: never;
+    'aria-label': string;
+});
+declare const ActionButton: React__default.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
+    children?: React__default.ReactNode;
 }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
     readOnlyAppearance?: boolean | "true" | undefined;
     disableAppearance?: boolean | "true" | undefined;
-}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
     label: string;
-}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react__default.AnchorHTMLAttributes<"a"> & {
+    'aria-label'?: string | undefined;
+}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
+    children?: React__default.ReactNode;
+}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
+    readOnlyAppearance?: boolean | "true" | undefined;
+    disableAppearance?: boolean | "true" | undefined;
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    label?: undefined;
+    'aria-label': string;
+}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React__default.AnchorHTMLAttributes<"a"> & {
     href: string;
-}, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
-    children?: react__default.ReactNode;
+}, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
+    children?: React__default.ReactNode;
 }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
     readOnlyAppearance?: boolean | "true" | undefined;
     disableAppearance?: boolean | "true" | undefined;
-}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
     label: string;
-}, "ref">) & react__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    'aria-label'?: string | undefined;
+}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React__default.AnchorHTMLAttributes<"a"> & {
+    href: string;
+}, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
+    children?: React__default.ReactNode;
+}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
+    readOnlyAppearance?: boolean | "true" | undefined;
+    disableAppearance?: boolean | "true" | undefined;
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    label?: undefined;
+    'aria-label': string;
+}, "ref">) & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
-declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "disabled"> & _stitches_react_types_styled_component.TransformProps<{
+declare const StyledIconSlot: React$1.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "disabled"> & _stitches_react_types_styled_component.TransformProps<{
     disabled?: boolean | "true" | undefined;
-}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<React$1.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
     disabled?: boolean | "true" | undefined;
 }, {}>;
 declare type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
 
 interface IconSlotProps extends StyledIconSlotProps {
 }
-declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>>, "disabled"> & _stitches_react_types_styled_component.TransformProps<{
+declare const IconSlot: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>>, "disabled"> & _stitches_react_types_styled_component.TransformProps<{
     disabled?: boolean | "true" | undefined;
-}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
+}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type BaseInputRootProps = Omit<StyledBaseInputProps, 'hovered' | 'focused' | 'valid' | 'readOnly' | 'disabled' | 'ariaDisabled' | 'value' | 'defaultValue' | 'placeholder'>;
 declare type BaseInputProps = BaseInputRootProps & InputProviderProps;
-declare const BaseInput: react__default.ForwardRefExoticComponent<BaseInputProps> & Partials;
+declare const BaseInput: React__default.ForwardRefExoticComponent<BaseInputProps> & Partials;
 interface Partials {
     Input: typeof Input;
     ActionButton: typeof ActionButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-base-input",
-  "version": "0.3.2-style-dictionary.2",
+  "version": "0.3.3-style-dictionary.3",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -28,17 +28,17 @@
   "dependencies": {
     "@react-aria/interactions": "^3.13.0",
     "@react-aria/utils": "^3.13.0",
-    "@mirohq/design-system-base-button": "^0.4.50-style-dictionary.3",
-    "@mirohq/design-system-base-form": "^0.2.20-style-dictionary.3",
+    "@mirohq/design-system-base-button": "^0.4.50-style-dictionary.4",
     "@mirohq/design-system-base-icon": "^0.1.33-style-dictionary.0",
-    "@mirohq/design-system-icons": "^0.47.1-style-dictionary.3",
+    "@mirohq/design-system-base-form": "^0.2.20-style-dictionary.4",
+    "@mirohq/design-system-base-text-field": "^0.1.3-style-dictionary.3",
     "@mirohq/design-system-primitive": "^1.1.2",
-    "@mirohq/design-system-base-text-field": "^0.1.3-style-dictionary.2",
-    "@mirohq/design-system-stitches": "^2.6.13-style-dictionary.3",
-    "@mirohq/design-system-tooltip": "^3.3.20-style-dictionary.3",
+    "@mirohq/design-system-icons": "^0.47.1-style-dictionary.4",
+    "@mirohq/design-system-stitches": "^2.6.13-style-dictionary.4",
+    "@mirohq/design-system-tooltip": "^3.3.21-style-dictionary.4",
     "@mirohq/design-system-use-aria-disabled": "^0.1.5",
-    "@mirohq/design-system-utils": "^0.15.4",
     "@mirohq/design-system-use-press": "^0.4.1",
+    "@mirohq/design-system-utils": "^0.15.4",
     "@mirohq/design-system-use-layout-effect": "^0.2.1"
   },
   "scripts": {