@mirohq/design-system-input 1.4.44 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.js CHANGED
@@ -275,7 +275,7 @@ const InputEmail = React.forwardRef(({ children, ...restProps }, forwardRef) =>
275
275
  });
276
276
  InputEmail.ActionButton = ActionButton;
277
277
 
278
- const InputSearch = React.forwardRef(({ children, onChange, ...restProps }, forwardRef) => {
278
+ const InputSearch = React.forwardRef(({ children, onChange, variant = "subtle", ...restProps }, forwardRef) => {
279
279
  const {
280
280
  clearable = false,
281
281
  onClearPress,
@@ -288,7 +288,7 @@ const InputSearch = React.forwardRef(({ children, onChange, ...restProps }, forw
288
288
  forwardRef
289
289
  );
290
290
  const hasQuery = inputProps.value !== "";
291
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystemBaseInput.BaseInput, { ...baseInputProps, variant: "subtle", children: [
291
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystemBaseInput.BaseInput, { ...baseInputProps, variant, children: [
292
292
  /* @__PURE__ */ jsxRuntime.jsx(designSystemBaseInput.BaseInput.Input, { ...inputProps, ref: forwardRef }),
293
293
  children,
294
294
  hasQuery && /* @__PURE__ */ jsxRuntime.jsx(
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps }\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n restProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, onChange, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n value,\n ...elementProps\n } = restProps as ClearProps\n const { baseInputProps, inputProps } = useBaseInputProps(\n { ...elementProps, onChange, value },\n forwardRef\n )\n\n const hasQuery = inputProps.value !== ''\n\n return (\n <BaseInput {...baseInputProps} variant='subtle'>\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n {hasQuery && (\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n )}\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["useInputContext","jsx","Fragment","BaseInput","booleanify","IconCross","useFormFieldContext","useEffect","stringAttrValue","mergeRefs","value","jsxs","useRef","useState","IconLockClosed","reveal","IconEyeOpen","IconEyeClosed","IconEnvelope","IconMagnifyingGlass"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps }\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n restProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, onChange, variant = 'subtle', ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n value,\n ...elementProps\n } = restProps as ClearProps\n const { baseInputProps, inputProps } = useBaseInputProps(\n { ...elementProps, onChange, value },\n forwardRef\n )\n\n const hasQuery = inputProps.value !== ''\n\n return (\n <BaseInput {...baseInputProps} variant={variant}>\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n {hasQuery && (\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n )}\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["useInputContext","jsx","Fragment","BaseInput","booleanify","IconCross","useFormFieldContext","useEffect","stringAttrValue","mergeRefs","value","jsxs","useRef","useState","IconLockClosed","reveal","IconEyeOpen","IconEyeClosed","IconEnvelope","IconMagnifyingGlass"],"mappings":";;;;;;;;;AASA,MAAM,0BAAA,GAA6B,CACjC,QAAA,KACwC;AACxC,EAAA,MAAM,KAAA,GAA6C;AAAA,IACjD,QAAQ,QAAA,CAAS,OAAA;AAAA,IACjB,eAAe,QAAA,CAAS,OAAA;AAAA,IACxB,WAAA,EAAa,IAAI,KAAA,CAAM,OAAA,EAAS;AAAA,MAC9B,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,IACD,gBAAgB,MAAM;AAAA,IAAC,CAAA;AAAA,IACvB,iBAAiB,MAAM;AAAA,IAAC,CAAA;AAAA,IACxB,oBAAoB,MAAM,KAAA;AAAA,IAC1B,sBAAsB,MAAM,KAAA;AAAA,IAC5B,SAAS,MAAM;AAAA,IAAC;AAAA,GAClB;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAqC;AAjCrC,EAAA,IAAA,EAAA;AAkCE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,eAAA,EAAiB,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACEA,qCAAA,EAAgB;AAEpB,EAAA,IAAI,CAAC,SAAA,EAAW,uBAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAE,CAAA;AAEzB,EAAA,uBACED,cAAA;AAAA,IAACE,+BAAA,CAAU,YAAA;AAAA,IAAV;AAAA,MACC,KAAA,EAAO,UAAA;AAAA,MACP,QAAA,EAAUC,4BAAA,CAAA,CAAW,EAAA,GAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,YAAA,KAAZ,YAA4B,QAAQ,CAAA;AAAA,MACzD,OAAA,EAAS,CAAC,CAAA,KAAkB;AAC1B,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,CAAA,CAAA;AAEf,QAAA,IAAI,KAAA,KAAU,MAAA,IAAa,QAAA,CAAS,OAAA,KAAY,IAAA,EAAM;AACpD,UAAA,IAAI,QAAA,CAAS,OAAA,CAAQ,KAAA,KAAU,EAAA,EAAI;AACnC,UAAA,QAAA,CAAS,QAAQ,KAAA,GAAQ,EAAA;AAEzB,UAAA,MAAM,KAAA,GAAQ,2BAA2B,QAAQ,CAAA;AACjD,UAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AAAA,QACb;AAAA,MACF,CAAA;AAAA,MAEA,yCAACC,2BAAA,EAAA,EAAU;AAAA;AAAA,GACb;AAEJ,CAAA;;ACrDA,MAAM,sBAAA,GAAyB;AAAA,EAC7B,cAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,eAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA;AAkBO,MAAM,iBAAA,GAAoB,CAC/B,QAAA,EACA,UAAA,KAIG;AACH,EAAA,MAAM;AAAA;AAAA,IAEJ,KAAA;AAAA,IACA,eAAA,EAAiB,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA;AAAA;AAAA,IAGA,EAAA;AAAA,IACA,kBAAA,EAAoB,eAAA;AAAA,IACpB,cAAA,EAAgB,WAAA;AAAA;AAAA,IAGhB,WAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IAEA,GAAG;AAAA,GACL,GAAI,QAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,aAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA,EAAiB,2BAAA;AAAA,IACjB,WAAA,EAAa,oBAAA;AAAA,IACb,KAAA,EAAO,cAAA;AAAA,IACP,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACEC,wCAAA,EAAsC;AAE1C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,QAAA,CAAA;AACd,IAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,QAAA,CAAA;AACd,IAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,QAAA,CAAA;AACd,IAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAkB,YAAA,CAAA;AAAA,EACpB,CAAA,EAAG;AAAA,IACD,QAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,cAAA,GAAqC;AAAA,IACzC,OAAO,cAAA,IAAA,IAAA,GAAA,cAAA,GAAkB,KAAA;AAAA,IACzB,eAAA,EAAiB,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,UAAA,GAAkC;AAAA,IACtC,IAAI,EAAA,IAAA,IAAA,GAAA,EAAA,GAAM,aAAA;AAAA,IACV,kBAAA,EAAoBC,iCAAA;AAAA,MAClB,eAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,gBAAgB,WAAA,IAAA,IAAA,GAAA,WAAA,GAAe,oBAAA;AAAA,IAC/B,WAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA,EAAKC,2BAAA,CAA4B,CAAC,cAAA,EAAgB,UAAU,CAAC;AAAA,GAC/D;AAEA,EAAA,MAAA,CAAO,OAAA,CAAQ,SAAS,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAKC,MAAK,CAAA,KAAM;AAClD,IAAA,IAAI,sBAAA,CAAuB,QAAA,CAAS,GAAU,CAAA,EAAG;AAC/C,MAAA,cAAA,CAAe,GAAiC,CAAA,GAAIA,MAAAA;AAAA,IACtD,CAAA,MAAO;AACL,MAAA,UAAA,CAAW,GAAgC,CAAA,GAAIA,MAAAA;AAAA,IACjD;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,gBAAgB,UAAA,EAAW;AACtC,CAAA;;ACzIO,MAAM,eAAeP,+BAAA,CAAU,YAAA;;ACA/B,MAAM,WAAWA,+BAAA,CAAU,QAAA;;ACa3B,MAAM,QAAQ,KAAA,CAAM,UAAA;AAAA,EACzB,CAAC,EAAE,QAAA,EAAU,GAAG,SAAA,IAAa,UAAA,KAAe;AAC1C,IAAA,MAAM;AAAA,MACJ,SAAA,GAAY,KAAA;AAAA,MACZ,YAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,SAAA;AAEJ,IAAA,MAAM,EAAE,cAAA,EAAgB,UAAA,EAAW,GAAI,iBAAA;AAAA,MACrC,YAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEQ,eAAA,CAACR,+BAAA,EAAA,EAAW,GAAG,cAAA,EACb,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACE,+BAAA,CAAU,KAAA,EAAV,EAAiB,GAAG,UAAA,EAAY,CAAA;AAAA,MAChC,QAAA;AAAA,sBACDF,cAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,UAAA;AAAA,UACA,YAAA;AAAA,UACA,OAAO,UAAA,CAAW;AAAA;AAAA;AACpB,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAOA,KAAA,CAAM,YAAA,GAAe,YAAA;AACrB,KAAA,CAAM,QAAA,GAAW,QAAA;;ACNV,MAAM,gBAAgB,KAAA,CAAM,UAAA;AAAA,EAIjC,CACE;AAAA,IACE,MAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,UAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAWW,aAAyB,IAAI,CAAA;AAC9C,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,cAAA,CAAS,wCAAiB,KAAK,CAAA;AACrE,IAAA,MAAM,iBAAiB,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU,WAAA;AAEjC,IAAA,MAAM,EAAE,cAAA,EAAgB,UAAA,EAAW,GAAI,iBAAA;AAAA,MACrC,SAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEF,eAAA,CAACR,+BAAA,EAAA,EAAW,GAAG,cAAA,EACb,QAAA,EAAA;AAAA,sBAAAF,cAAA;AAAA,QAACE,+BAAA,CAAU,KAAA;AAAA,QAAV;AAAA,UACE,GAAG,UAAA;AAAA,UACJ,IAAA,EAAM,iBAAiB,MAAA,GAAS,UAAA;AAAA,UAChC,GAAA,EAAKM,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC;AAAA;AAAA,OACvC;AAAA,MACC,QAAA;AAAA,qCACAN,+BAAA,CAAU,QAAA,EAAV,EACC,QAAA,kBAAAF,cAAA,CAACa,oCAAe,CAAA,EAClB,CAAA;AAAA,sBACAb,cAAA;AAAA,QAACE,+BAAA,CAAU,YAAA;AAAA,QAAV;AAAA,UACC,KAAA,EAAO,iBAAiB,SAAA,GAAY,WAAA;AAAA,UACpC,QAAA,EAAU,KAAA;AAAA,UACV,SAAS,MAAM;AAtFzB,YAAA,IAAA,EAAA,EAAA,EAAA;AAuFY,YAAA,MAAM,iBAAgB,EAAA,GAAA,UAAA,CAAW,KAAA,KAAX,IAAA,GAAA,EAAA,GAAA,CAAoB,EAAA,GAAA,QAAA,CAAS,YAAT,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,KAAA;AAE5D,YAAA,IAAI,cAAA,EAAgB;AAClB,cAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAS,aAAA,CAAA;AAAA,YACX,CAAA,MAAO;AACL,cAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,aAAA,CAAA;AAAA,YACb;AAEA,YAAA,IAAI,WAAW,MAAA,EAAW;AACxB,cAAA,cAAA,CAAe,CAAAY,OAAAA,KAAU,CAACA,OAAM,CAAA;AAAA,YAClC;AAAA,UACF,CAAA;AAAA,UAEC,QAAA,EAAA,cAAA,mBAAiBd,cAAA,CAACe,6BAAA,EAAA,EAAY,CAAA,kCAAMC,+BAAA,EAAA,EAAc;AAAA;AAAA;AACrD,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;ACxFO,MAAM,UAAA,GAAa,MAAM,UAAA,CAG9B,CAAC,EAAE,QAAA,EAAU,GAAG,SAAA,EAAU,EAAG,UAAA,KAAe;AAC5C,EAAA,MAAM;AAAA,IACJ,SAAA,GAAY,KAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,SAAA;AAEJ,EAAA,MAAM,EAAE,cAAA,EAAgB,UAAA,EAAW,GAAI,iBAAA;AAAA,IACrC,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACEN,eAAA,CAACR,+BAAA,EAAA,EAAW,GAAG,cAAA,EACb,QAAA,EAAA;AAAA,oBAAAF,cAAA,CAACE,gCAAU,KAAA,EAAV,EAAgB,IAAA,EAAK,OAAA,EAAS,GAAG,UAAA,EAAY,CAAA;AAAA,IAC7C,QAAA;AAAA,oBACDF,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA;AAAA,QACA,OAAO,UAAA,CAAW;AAAA;AAAA,KACpB;AAAA,mCACCE,+BAAA,CAAU,QAAA,EAAV,EACC,QAAA,kBAAAF,cAAA,CAACiB,kCAAa,CAAA,EAChB;AAAA,GAAA,EACF,CAAA;AAEJ,CAAC;AAMD,UAAA,CAAW,YAAA,GAAe,YAAA;;ACrCnB,MAAM,WAAA,GAAc,KAAA,CAAM,UAAA,CAG/B,CAAC,EAAE,QAAA,EAAU,QAAA,EAAU,OAAA,GAAU,QAAA,EAAU,GAAG,SAAA,EAAU,EAAG,UAAA,KAAe;AAC1E,EAAA,MAAM;AAAA,IACJ,SAAA,GAAY,KAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,SAAA;AACJ,EAAA,MAAM,EAAE,cAAA,EAAgB,UAAA,EAAW,GAAI,iBAAA;AAAA,IACrC,EAAE,GAAG,YAAA,EAAc,QAAA,EAAU,KAAA,EAAM;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,MAAM,QAAA,GAAW,WAAW,KAAA,KAAU,EAAA;AAEtC,EAAA,uBACEP,eAAA,CAACR,+BAAA,EAAA,EAAW,GAAG,cAAA,EAAgB,OAAA,EAC7B,QAAA,EAAA;AAAA,oBAAAF,cAAA,CAACE,gCAAU,KAAA,EAAV,EAAiB,GAAG,UAAA,EAAY,KAAK,UAAA,EAAY,CAAA;AAAA,IACjD,QAAA;AAAA,IACA,QAAA,oBACCF,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA;AAAA,QACA,OAAO,UAAA,CAAW;AAAA;AAAA,KACpB;AAAA,mCAEDE,+BAAA,CAAU,QAAA,EAAV,EACC,QAAA,kBAAAF,cAAA,CAACkB,yCAAoB,CAAA,EACvB;AAAA,GAAA,EACF,CAAA;AAEJ,CAAC;AAMD,WAAA,CAAY,YAAA,GAAe,YAAA;;;;;;;"}
package/dist/module.js CHANGED
@@ -273,7 +273,7 @@ const InputEmail = React.forwardRef(({ children, ...restProps }, forwardRef) =>
273
273
  });
274
274
  InputEmail.ActionButton = ActionButton;
275
275
 
276
- const InputSearch = React.forwardRef(({ children, onChange, ...restProps }, forwardRef) => {
276
+ const InputSearch = React.forwardRef(({ children, onChange, variant = "subtle", ...restProps }, forwardRef) => {
277
277
  const {
278
278
  clearable = false,
279
279
  onClearPress,
@@ -286,7 +286,7 @@ const InputSearch = React.forwardRef(({ children, onChange, ...restProps }, forw
286
286
  forwardRef
287
287
  );
288
288
  const hasQuery = inputProps.value !== "";
289
- return /* @__PURE__ */ jsxs(BaseInput, { ...baseInputProps, variant: "subtle", children: [
289
+ return /* @__PURE__ */ jsxs(BaseInput, { ...baseInputProps, variant, children: [
290
290
  /* @__PURE__ */ jsx(BaseInput.Input, { ...inputProps, ref: forwardRef }),
291
291
  children,
292
292
  hasQuery && /* @__PURE__ */ jsx(
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps }\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n restProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, onChange, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n value,\n ...elementProps\n } = restProps as ClearProps\n const { baseInputProps, inputProps } = useBaseInputProps(\n { ...elementProps, onChange, value },\n forwardRef\n )\n\n const hasQuery = inputProps.value !== ''\n\n return (\n <BaseInput {...baseInputProps} variant='subtle'>\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n {hasQuery && (\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n )}\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["value","reveal"],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps }\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n restProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, onChange, variant = 'subtle', ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n value,\n ...elementProps\n } = restProps as ClearProps\n const { baseInputProps, inputProps } = useBaseInputProps(\n { ...elementProps, onChange, value },\n forwardRef\n )\n\n const hasQuery = inputProps.value !== ''\n\n return (\n <BaseInput {...baseInputProps} variant={variant}>\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n {hasQuery && (\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n )}\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["value","reveal"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-input",
3
- "version": "1.4.44",
3
+ "version": "1.5.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,10 +27,10 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-base-form": "^2.0.0",
30
- "@mirohq/design-system-base-input": "^1.3.32",
30
+ "@mirohq/design-system-base-input": "^1.3.33",
31
31
  "@mirohq/design-system-icons": "^1.37.2",
32
- "@mirohq/design-system-use-press": "^1.1.4",
33
- "@mirohq/design-system-utils": "^1.3.0"
32
+ "@mirohq/design-system-utils": "^1.3.0",
33
+ "@mirohq/design-system-use-press": "^1.1.4"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rollup -c ../../../rollup.config.js",