@sikka/hawa 0.1.56 → 0.1.57

package/.github/{ISSUE_TEMPLATE.yml → ISSUE_TEMPLATE/1.bug_report.yml}

@@ -80,6 +80,17 @@ body:
         - 'Other'
     validations:
       required: true
+       - type: dropdown
+    attributes:
+      label: Which section is the component from?
+      multiple: false
+      options:
+        - 'Blocks'
+        - 'Layout'
+        - 'Elements'
+        - 'Other'
+    validations:
+      required: false
   - type: textarea
     attributes:
       label: Additional context
@@ -87,7 +98,3 @@ body:
         Any extra information that might help us investigate. For example, browser details, hosting platform, etc. Also, if possible, pinpoint the version that introduced the issue to help narrow down the scope.
       placeholder: |
         The issue seems to have started from version 1.0.1. I tested it on both Chrome and Firefox, and the issue persists on both browsers.
-
-        or
-
-        I am hosting the application on Vercel, and the issue seems to be specific to the hosted version, as I cannot reproduce it locally.

package/.github/ISSUE_TEMPLATE/custom.md

@@ -0,0 +1,10 @@
+---
+name: Custom issue template
+about: Describe this issue template's purpose here.
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

package/dist/index.js

@@ -1197,7 +1197,6 @@ var HawaRadio = function(_param) {
             var dir = window.getComputedStyle(ref.current.parentNode).direction;
             setParentDirection(dir);
         }
-        console.log("how many times");
     });
     switch(design){
         case "tabs":
@@ -4515,12 +4514,13 @@ var CardDescription = React33.forwardRef(function(_param, ref) /* @__PURE__ */ {
 });
 CardDescription.displayName = "CardDescription";
 var CardContent = React33.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
+    var headless = _param.headless, className = _param.className, props = _object_without_properties(_param, [
+        "headless",
         "className"
     ]);
     return React33.createElement("div", _object_spread({
         ref: ref,
-        className: cn("p-6", props.headless ? "pt-6" : "pt-0", className)
+        className: cn("p-6", headless ? "pt-6" : "pt-0", className)
     }, props));
 });
 CardContent.displayName = "CardContent";
@@ -6419,7 +6419,7 @@ var HawaItemCard = function(_param) {
         d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
     }))))), header && /* @__PURE__ */ import_react49.default.createElement("h5", {
         className: "mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"
-    }, header), content && /* @__PURE__ */ import_react49.default.createElement("p", {
+    }, header), content && /* @__PURE__ */ import_react49.default.createElement("span", {
         className: "w-full font-normal text-gray-700 dark:text-gray-400"
     }, content), actions || counts ? /* @__PURE__ */ import_react49.default.createElement("div", {
         className: (0, import_clsx25.default)("mt-3 flex items-center rounded-b-lg dark:text-white ", actions && counts ? "justify-between" : "justify-end")
@@ -6868,9 +6868,7 @@ var InterfaceSettings = function(_param) {
                     className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
                 }, /* @__PURE__ */ import_react57.default.createElement("path", {
                     d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-                    fill: "currentColor",
-                    "fill-rule": "evenodd",
-                    "clip-rule": "evenodd"
+                    fill: "currentColor"
                 }))
             },
             {
@@ -6882,9 +6880,6 @@ var InterfaceSettings = function(_param) {
                     viewBox: "0 0 24 24",
                     fill: "none",
                     stroke: "currentColor",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
                     className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
                 }, /* @__PURE__ */ import_react57.default.createElement("path", {
                     d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
@@ -9010,7 +9005,7 @@ var import_clsx36 = __toESM(require("clsx"));
 var SignUpForm = function(props) {
     var methods = (0, import_react_hook_form4.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    var _field_value, _field_value1, _field_value2, _field_value3;
+    var _field_value, _field_value1, _field_value2;
     return /* @__PURE__ */ import_react76.default.createElement("div", {
         className: "flex flex-col gap-4"
     }, /* @__PURE__ */ import_react76.default.createElement(Card, {
@@ -9053,6 +9048,7 @@ var SignUpForm = function(props) {
         if (fld === "email") {
             var _field_value1;
             return /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
+                key: i,
                 control: control,
                 name: "email",
                 render: function(param) {
@@ -9081,6 +9077,7 @@ var SignUpForm = function(props) {
         if (fld === "username") {
             var _field_value2;
             return /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
+                key: i,
                 control: control,
                 name: "username",
                 render: function(param) {
@@ -9151,11 +9148,10 @@ var SignUpForm = function(props) {
             return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, {
                 width: "full",
                 type: "text",
-                defaultValue: (_field_value2 = field.value) !== null && _field_value2 !== void 0 ? _field_value2 : "",
                 label: props.texts.refCode,
                 placeholder: props.texts.passwordPlaceholder,
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message,
-                value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : "",
+                value: (_field_value2 = field.value) !== null && _field_value2 !== void 0 ? _field_value2 : "",
                 onChange: field.onChange
             });
         }

package/dist/index.mjs

@@ -781,7 +781,6 @@ var HawaRadio = ({
       const dir = window.getComputedStyle(ref.current.parentNode).direction;
       setParentDirection(dir);
     }
-    console.log("how many times");
   });
   switch (design) {
     case "tabs":
@@ -4408,14 +4407,16 @@ var CardDescription = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
-  "div",
-  {
-    ref,
-    className: cn("p-6", props.headless ? "pt-6" : "pt-0", className),
-    ...props
-  }
-));
+var CardContent = React33.forwardRef(
+  ({ headless, className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+    "div",
+    {
+      ref,
+      className: cn("p-6", headless ? "pt-6" : "pt-0", className),
+      ...props
+    }
+  )
+);
 CardContent.displayName = "CardContent";
 var CardFooter = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
   "div",
@@ -6224,7 +6225,7 @@ var HawaItemCard = ({
         },
         /* @__PURE__ */ React54.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
       )
-    ))), header && /* @__PURE__ */ React54.createElement("h5", { className: "mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white" }, header), content && /* @__PURE__ */ React54.createElement("p", { className: "w-full font-normal text-gray-700 dark:text-gray-400" }, content), actions || counts ? /* @__PURE__ */ React54.createElement(
+    ))), header && /* @__PURE__ */ React54.createElement("h5", { className: "mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white" }, header), content && /* @__PURE__ */ React54.createElement("span", { className: "w-full font-normal text-gray-700 dark:text-gray-400" }, content), actions || counts ? /* @__PURE__ */ React54.createElement(
       "div",
       {
         className: clsx25(
@@ -6722,9 +6723,7 @@ var InterfaceSettings = ({
               "path",
               {
                 d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-                fill: "currentColor",
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd"
+                fill: "currentColor"
               }
             )
           )
@@ -6740,9 +6739,6 @@ var InterfaceSettings = ({
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
               className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
             },
             /* @__PURE__ */ React62.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
@@ -9379,6 +9375,7 @@ var SignUpForm = (props) => {
       return /* @__PURE__ */ React88.createElement(
         Controller4,
         {
+          key: i,
           control,
           name: "email",
           render: ({ field }) => /* @__PURE__ */ React88.createElement(
@@ -9408,6 +9405,7 @@ var SignUpForm = (props) => {
       return /* @__PURE__ */ React88.createElement(
         Controller4,
         {
+          key: i,
           control,
           name: "username",
           render: ({ field }) => /* @__PURE__ */ React88.createElement(
@@ -9479,7 +9477,6 @@ var SignUpForm = (props) => {
         {
           width: "full",
           type: "text",
-          defaultValue: field.value ?? "",
           label: props.texts.refCode,
           placeholder: props.texts.passwordPlaceholder,
           helpertext: errors.password?.message,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.56",
+  "version": "0.1.57",
   "description": "Modern UI Kit made with Tailwind & Radix Primitives",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/blocks/AuthForms/SignUpForm.tsx

@@ -119,6 +119,7 @@ export const SignUpForm: FC<SignUpFormTypes> = (props) => {
                     if (fld === "email") {
                       return (
                         <Controller
+                          key={i}
                           control={control}
                           name="email"
                           render={({ field }) => (
@@ -147,6 +148,7 @@ export const SignUpForm: FC<SignUpFormTypes> = (props) => {
                     if (fld === "username") {
                       return (
                         <Controller
+                          key={i}
                           control={control}
                           name="username"
                           render={({ field }) => (
@@ -213,7 +215,7 @@ export const SignUpForm: FC<SignUpFormTypes> = (props) => {
                       <HawaTextField
                         width="full"
                         type="text"
-                        defaultValue={field.value ?? ""}
+                        // defaultValue={field.value ?? ""}
                         label={props.texts.refCode}
                         placeholder={props.texts.passwordPlaceholder}
                         helpertext={errors.password?.message}

package/src/elements/Card.tsx

@@ -64,17 +64,15 @@ type CardContentProps = {
   headless?: boolean
 } & React.HTMLAttributes<HTMLDivElement>
 
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  CardContentProps
-  // React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("p-6", props.headless ? "pt-6" : "pt-0", className)}
-    {...props}
-  />
-))
+const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(
+  ({ headless, className, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn("p-6", headless ? "pt-6" : "pt-0", className)}
+      {...props}
+    />
+  )
+)
 CardContent.displayName = "CardContent"
 
 const CardFooter = React.forwardRef<

package/src/elements/HawaItemCard.tsx

@@ -136,9 +136,9 @@ export const HawaItemCard: FC<ItemCardTypes> = ({
           </h5>
         )}
         {content && (
-          <p className="w-full font-normal text-gray-700 dark:text-gray-400">
+          <span className="w-full font-normal text-gray-700 dark:text-gray-400">
             {content}
-          </p>
+          </span>
         )}
         {actions || counts ? (
           <div

package/src/elements/HawaRadio.tsx

@@ -42,7 +42,6 @@ export const HawaRadio: FC<RadioTypes> = ({
       const dir = window.getComputedStyle(ref.current.parentNode).direction
       setParentDirection(dir)
     }
-    console.log("how many times")
   })
 
   switch (design) {

package/src/elements/InterfaceSettings.tsx

@@ -59,8 +59,6 @@ export const InterfaceSettings: FC<TypographyTypes> = ({
                 <path
                   d="M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z"
                   fill="currentColor"
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
                 ></path>
               </svg>
             ),
@@ -75,9 +73,6 @@ export const InterfaceSettings: FC<TypographyTypes> = ({
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
                 className="h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
               >
                 <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path>