@sikka/hawa 0.10.4-next → 0.10.6-next

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObject, PropsWithRef } from 'react';
+import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObject } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -544,7 +544,7 @@ type BackToTopTypes = {
 };
 declare const BackToTop: FC<BackToTopTypes>;
 
-type TextFieldTypes = {
+type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean;
     containerClassName?: string;
     margin?: "none" | "normal" | "large";
@@ -555,25 +555,11 @@ type TextFieldTypes = {
     multiline?: boolean;
     /** The small red text under the input field to show validation or a hint.   */
     helperText?: any;
-    /** The value of the input field */
-    value?: any;
-    props?: PropsWithRef<"input">;
-    /** The type of input field. Same as the types of the HTML input element */
-    type?: any;
-    /** The placeholder of the input field  */
-    placeholder?: any;
-    defaultValue?: any;
-    name?: any;
     inputProps?: any;
-    onChange?: any;
-    ref?: any;
     /** The icon inside the input field */
     icon?: any;
     /** Boolean to enable/disable editing the input field and using it as a text field   */
     preview?: boolean;
-    autoComplete?: any;
-    maxLength?: any;
-    className?: any;
     iconInside?: React__default.ReactNode;
 };
 declare const Input: FC<TextFieldTypes>;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObject, PropsWithRef } from 'react';
+import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObject } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -544,7 +544,7 @@ type BackToTopTypes = {
 };
 declare const BackToTop: FC<BackToTopTypes>;
 
-type TextFieldTypes = {
+type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean;
     containerClassName?: string;
     margin?: "none" | "normal" | "large";
@@ -555,25 +555,11 @@ type TextFieldTypes = {
     multiline?: boolean;
     /** The small red text under the input field to show validation or a hint.   */
     helperText?: any;
-    /** The value of the input field */
-    value?: any;
-    props?: PropsWithRef<"input">;
-    /** The type of input field. Same as the types of the HTML input element */
-    type?: any;
-    /** The placeholder of the input field  */
-    placeholder?: any;
-    defaultValue?: any;
-    name?: any;
     inputProps?: any;
-    onChange?: any;
-    ref?: any;
     /** The icon inside the input field */
     icon?: any;
     /** Boolean to enable/disable editing the input field and using it as a text field   */
     preview?: boolean;
-    autoComplete?: any;
-    maxLength?: any;
-    className?: any;
     iconInside?: React__default.ReactNode;
 };
 declare const Input: FC<TextFieldTypes>;

package/dist/index.js

@@ -4941,11 +4941,12 @@ var Input = function(_param) {
         className: "hawa-absolute hawa-left-3 hawa-top-1/2 hawa--translate-y-1/2"
     }, props.icon), /* @__PURE__ */ import_react24.default.createElement("input", {
         className: cn(defaultInputStyle, " dark:hawa-text-white", props.icon && "hawa-pl-10", "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0", preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0", (_props_inputProps = props.inputProps) === null || _props_inputProps === void 0 ? void 0 : _props_inputProps.className),
+        dir: props.dir,
+        type: props.type,
+        value: props.value,
         onChange: props.onChange,
         autoComplete: props.autoComplete,
-        value: props.value,
         defaultValue: props.defaultValue,
-        type: props.type,
         placeholder: props.placeholder,
         disabled: preview,
         style: {

package/dist/index.mjs

@@ -4585,11 +4585,12 @@ var Input = ({
           preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
           props.inputProps?.className
         ),
+        dir: props.dir,
+        type: props.type,
+        value: props.value,
         onChange: props.onChange,
         autoComplete: props.autoComplete,
-        value: props.value,
         defaultValue: props.defaultValue,
-        type: props.type,
         placeholder: props.placeholder,
         disabled: preview,
         style: { height: 40 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.10.4-next",
+  "version": "0.10.6-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -62,15 +62,15 @@
     "zod": "^3.22.3"
   },
   "devDependencies": {
+    "@storybook/testing-library": "^0.2.1",
+    "@storybook/addon-onboarding": "^1.0.8",
     "@storybook/addon-essentials": "^7.4.5",
     "@storybook/addon-interactions": "^7.4.5",
     "@storybook/addon-links": "^7.4.5",
-    "@storybook/addon-onboarding": "^1.0.8",
     "@storybook/blocks": "^7.4.5",
     "@storybook/manager-api": "^7.4.5",
     "@storybook/nextjs": "^7.4.5",
     "@storybook/react": "^7.4.5",
-    "@storybook/testing-library": "^0.2.1",
     "autoprefixer": "^10.4.16",
     "eslint-plugin-storybook": "^0.6.14",
     "lucide-react": "^0.279.0",