@sikka/hawa 0.10.9-next → 0.10.11-next

package/dist/index.d.mts

@@ -322,6 +322,7 @@ declare const Chip: FC<TChipTypes>;
 
 declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & {
     hint?: React$1.ReactNode;
+    hintSide?: "top" | "right" | "bottom" | "left" | undefined;
 } & React$1.RefAttributes<HTMLLabelElement>>;
 
 type AlertTypes = {
@@ -558,6 +559,7 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     /** The small red text under the input field to show validation or a hint.   */
     helperText?: any;
     hint?: string;
+    hintSide?: "top" | "bottom" | "right" | "left";
     inputProps?: any;
     /** The icon inside the input field */
     icon?: any;

package/dist/index.d.ts

@@ -322,6 +322,7 @@ declare const Chip: FC<TChipTypes>;
 
 declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & {
     hint?: React$1.ReactNode;
+    hintSide?: "top" | "right" | "bottom" | "left" | undefined;
 } & React$1.RefAttributes<HTMLLabelElement>>;
 
 type AlertTypes = {
@@ -558,6 +559,7 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
     /** The small red text under the input field to show validation or a hint.   */
     helperText?: any;
     hint?: string;
+    hintSide?: "top" | "bottom" | "right" | "left";
     inputProps?: any;
     /** The icon inside the input field */
     icon?: any;

package/dist/index.js

@@ -2332,9 +2332,10 @@ var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var labelVariants = (0, import_class_variance_authority3.cva)("hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70");
 var Label2 = React23.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, hint = _param.hint, props = _object_without_properties(_param, [
+    var className = _param.className, hint = _param.hint, hintSide = _param.hintSide, props = _object_without_properties(_param, [
         "className",
-        "hint"
+        "hint",
+        "hintSide"
     ]);
     return React23.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center  "
@@ -2343,7 +2344,7 @@ var Label2 = React23.forwardRef(function(_param, ref) /* @__PURE__ */ {
         className: cn(labelVariants(), className)
     }, props)), hint && /* @__PURE__ */ React23.createElement(Tooltip, {
         content: hint,
-        side: "right"
+        side: hintSide
     }, /* @__PURE__ */ React23.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         className: "hawa-w-[14px] hawa-h-[14px] hawa-cursor-help",
@@ -4965,7 +4966,8 @@ var Input = function(_param) {
         className: cn(defaultStyle, marginStyles[margin], widthStyles[width], props.containerClassName, "hawa-w-full hawa-gap-2")
     }, props.label && /* @__PURE__ */ import_react24.default.createElement(Label2, {
         htmlFor: props.id,
-        hint: props.hint
+        hint: props.hint,
+        hintSide: props.hintSide
     }, props.label), props.isLoading ? /* @__PURE__ */ import_react24.default.createElement(Skeleton, {
         className: "hawa-h-[40px] hawa-w-full"
     }) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", {
@@ -7251,7 +7253,6 @@ var RegisterForm = function(props) {
                     var _formState_errors_username;
                     var _field_value;
                     return import_react38.default.createElement(Input, {
-                        hint: "something something",
                         width: "full",
                         type: "text",
                         autoComplete: "username",

package/dist/index.mjs

@@ -1863,14 +1863,14 @@ import { cva as cva3 } from "class-variance-authority";
 var labelVariants = cva3(
   "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70"
 );
-var Label2 = React23.forwardRef(({ className, hint, ...props }, ref) => /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center  " }, /* @__PURE__ */ React23.createElement(
+var Label2 = React23.forwardRef(({ className, hint, hintSide, ...props }, ref) => /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center  " }, /* @__PURE__ */ React23.createElement(
   LabelPrimitive.Root,
   {
     ref,
     className: cn(labelVariants(), className),
     ...props
   }
-), hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: hint, side: "right" }, /* @__PURE__ */ React23.createElement(
+), hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React23.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4585,7 +4585,7 @@ var Input = ({
         "hawa-w-full hawa-gap-2"
       )
     },
-    props.label && /* @__PURE__ */ React36.createElement(Label2, { htmlFor: props.id, hint: props.hint }, props.label),
+    props.label && /* @__PURE__ */ React36.createElement(Label2, { htmlFor: props.id, hint: props.hint, hintSide: props.hintSide }, props.label),
     props.isLoading ? /* @__PURE__ */ React36.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
       "div",
       {
@@ -7085,7 +7085,6 @@ var RegisterForm = (props) => {
             render: ({ field }) => /* @__PURE__ */ React58.createElement(
               Input,
               {
-                hint: "something something",
                 width: "full",
                 type: "text",
                 autoComplete: "username",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.10.9-next",
+  "version": "0.10.11-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {