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

package/dist/types.d.ts

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import react__default, { ComponentPropsWithRef, DOMAttributes, HTMLProps } from 'react';
-import { inputSymbol } from '@mirohq/design-system-base-input';
+import react__default, { ComponentPropsWithRef, InputHTMLAttributes, HTMLProps } from 'react';
 import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
 import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
 import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
@@ -8,7 +7,6 @@ import * as _mirohq_design_system_components_primitive from '@mirohq/design-syst
 import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
 import * as packages_components_internal_base_button_src_base_button from 'packages/components/internal/base-button/src/base-button';
 import * as _mirohq_design_system_hooks_use_press from '@mirohq/design-system-hooks/use-press';
-import { Booleanish } from '@mirohq/design-system-types';
 
 declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     'border-widths': {
@@ -4458,20 +4456,14 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
 }, {}>;
 declare type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>;
 
-interface BaseInputProps extends Omit<StyledBaseInputProps, keyof DOMAttributes<Element>> {
-    'aria-disabled'?: Booleanish | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    valid?: boolean | undefined;
-    hovered?: boolean | undefined;
-    focused?: boolean | undefined;
-    children: react__default.ReactNode;
-    className?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
+interface BaseInputProps extends Omit<StyledBaseInputProps, Exclude<keyof InputHTMLAttributes<'input' | 'div'>, 'size'>>, Omit<InputHTMLAttributes<any>, 'size'> {
     label?: react__default.ReactNode;
+    valid?: boolean;
+    hovered?: boolean;
+    focused?: boolean;
 }
 
+declare type Value = HTMLProps<'input'>['value'];
 interface InputSharedProps extends Omit<InputProps$1, 'size'> {
     /** The input's state is indicated by both an icon and border color. A
      * green check mark signifies valid input, while a red warning icon denotes
@@ -4488,8 +4480,6 @@ interface InputSharedProps extends Omit<InputProps$1, 'size'> {
      */
     children?: React.ReactNode;
 }
-
-declare type Value$1 = HTMLProps<'input'>['value'];
 interface ClearProps {
     /**
      * Show X button for clearing the input value.
@@ -4502,26 +4492,24 @@ interface ClearProps {
     /**
      * Callback event called when clearing the input.
      */
-    onClear?: (value: Value$1) => void;
+    onClear?: (value: Value) => void;
     /**
      * The controlled input's value.
      */
-    value?: Value$1;
+    value?: Value;
 }
-
-declare type InputProps = InputSharedProps & ({
+declare type ClearableInputProps = InputSharedProps & ({
     clearable?: never;
 } | ClearProps);
-declare const Input: react__default.ForwardRefExoticComponent<InputProps> & Partials$2 & {
-    [inputSymbol]?: boolean | undefined;
-};
+
+declare type InputProps = ClearableInputProps;
+declare const Input: react__default.ForwardRefExoticComponent<ClearableInputProps> & Partials$2;
 interface Partials$2 {
     ActionButton: typeof ActionButton;
     IconSlot: typeof IconSlot;
 }
 
-declare type Value = HTMLProps<'input'>['value'];
-interface InputPasswordProps extends Omit<InputSharedProps, 'type' | 'children'> {
+interface InputPasswordProps extends Omit<ClearableInputProps, 'type' | 'children'> {
     /**
      * A boolean for the default password state (visible or masked).
      */
@@ -4549,18 +4537,14 @@ interface InputPasswordProps extends Omit<InputSharedProps, 'type' | 'children'>
 }
 declare const InputPassword: react__default.ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
 
-declare type InputEmailProps = InputSharedProps & ({
-    clearable?: never;
-} | ClearProps);
-declare const InputEmail: react__default.ForwardRefExoticComponent<InputEmailProps> & Partials$1;
+declare type InputEmailProps = ClearableInputProps;
+declare const InputEmail: react__default.ForwardRefExoticComponent<ClearableInputProps> & Partials$1;
 interface Partials$1 {
     ActionButton: typeof ActionButton;
 }
 
-declare type InputSearchProps = InputSharedProps & ({
-    clearable?: never;
-} | ClearProps);
-declare const InputSearch: react__default.ForwardRefExoticComponent<InputSearchProps> & Partials;
+declare type InputSearchProps = ClearableInputProps;
+declare const InputSearch: react__default.ForwardRefExoticComponent<ClearableInputProps> & Partials;
 interface Partials {
     ActionButton: typeof ActionButton;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-input",
-  "version": "0.1.0-forms.2",
+  "version": "0.1.0-forms.4",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -27,19 +27,20 @@
   },
   "dependencies": {
     "@react-aria/interactions": "^3.13.0",
-    "@react-aria/utils": "^3.13.0",
     "@react-types/shared": "^3.16.0",
-    "@mirohq/design-system-base-button": "^0.4.36-forms.1",
+    "@mirohq/design-system-base-form": "^0.1.0-forms.1",
+    "@mirohq/design-system-base-button": "^0.4.36-forms.2",
     "@mirohq/design-system-base-icon": "^0.1.21-forms.0",
-    "@mirohq/design-system-icon-button": "^2.1.8-forms.1",
-    "@mirohq/design-system-icons": "^0.35.2-forms.1",
+    "@mirohq/design-system-icon-button": "^2.1.8-forms.2",
+    "@mirohq/design-system-base-input": "^0.1.0-forms.2",
+    "@mirohq/design-system-icons": "^0.36.1-forms.2",
     "@mirohq/design-system-primitive": "^1.1.2-forms.0",
     "@mirohq/design-system-stitches": "^2.6.0",
-    "@mirohq/design-system-base-input": "^0.1.0-forms.1",
     "@mirohq/design-system-styles": "^1.1.19",
-    "@mirohq/design-system-tooltip": "^3.3.4-forms.1",
+    "@mirohq/design-system-tooltip": "^3.3.4-forms.2",
+    "@mirohq/design-system-use-aria-disabled": "^0.1.0-forms.1",
     "@mirohq/design-system-use-layout-effect": "^0.2.1",
-    "@mirohq/design-system-utils": "^0.15.0-forms.0"
+    "@mirohq/design-system-utils": "^0.15.0-forms.1"
   },
   "scripts": {
     "build": "rollup -c ../../../rollup.config.js",