@sikka/hawa 0.1.55 → 0.1.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.55",
+  "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/DropdownMenu.tsx

@@ -25,7 +25,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
     )}
     {...props}
   >
-    {children}
+    <div className="flex flex-row items-center gap-1">{children}</div>{" "}
     {/* <ChevronRight className="ml-auto h-4 w-4" /> */}
     <svg
       aria-label="Chevron Right Icon"
@@ -230,11 +230,13 @@ type ExtendedDropdownMenuTriggerProps = Partial<
 type SubItem = {
   label: string
   value: string
+  icon?: any
   action?: () => void
   highlighted?: boolean
 }
 
 type Item = {
+  icon?: any
   label: string
   value: string
   action?: () => void
@@ -276,23 +278,26 @@ export const DropdownMenu = ({
         <DropdownMenuContent
           side={side}
           sideOffset={sideOffset}
-          className={cn(className)}
+          className={cn(className, "flex flex-col gap-1")}
           align={align}
           alignOffset={alignOffset}
         >
           {items.map((item, index) => {
             return item.subitems ? (
-              <DropdownMenuSub>
+              <DropdownMenuSub key={index}>
                 <DropdownMenuSubTrigger dir={direction}>
+                  {item.icon && item.icon}
                   {item.label}
                 </DropdownMenuSubTrigger>
                 <DropdownMenuPortal>
                   <DropdownMenuSubContent>
                     {item.subitems.map((subitem, subIndex) => (
                       <DropdownMenuItem
+                        className="flex flex-row gap-1"
                         onSelect={() => subitem.action()}
                         key={subIndex}
                       >
+                        {subitem.icon && subitem.icon}
                         {subitem.label}
                       </DropdownMenuItem>
                     ))}
@@ -300,7 +305,12 @@ export const DropdownMenu = ({
                 </DropdownMenuPortal>
               </DropdownMenuSub>
             ) : (
-              <DropdownMenuItem key={index} onSelect={() => item.action()}>
+              <DropdownMenuItem
+                className="flex flex-row gap-1"
+                key={index}
+                onSelect={() => item.action()}
+              >
+                {item.icon && item.icon}
                 {item.label}
               </DropdownMenuItem>
             )

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) {