@sikka/hawa 0.24.0 → 0.24.2-next

package/dist/{Toast-jAb16JQg.d.mts → Toast-VBd4UvlM.d.mts}

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { S as SeverityType, D as DirectionType } from './commonTypes-CKtkuNFH.mjs';
+import { D as DirectionType } from './commonTypes-CKtkuNFH.mjs';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
@@ -10,13 +10,16 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastP
     variant?: "default" | "destructive" | null | undefined;
     severity?: "info" | "warning" | "error" | "success" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    severity?: SeverityType | undefined;
     direction?: DirectionType | undefined;
 } & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size: "default" | "sm";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size: "default" | "sm";
+} & React.RefAttributes<HTMLDivElement>>;
 type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 

package/dist/{Toast-xcELwcIX.d.ts → Toast-pOd4uGZz.d.ts}

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { S as SeverityType, D as DirectionType } from './commonTypes-CKtkuNFH.js';
+import { D as DirectionType } from './commonTypes-CKtkuNFH.js';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
@@ -10,13 +10,16 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastP
     variant?: "default" | "destructive" | null | undefined;
     severity?: "info" | "warning" | "error" | "success" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    severity?: SeverityType | undefined;
     direction?: DirectionType | undefined;
 } & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size: "default" | "sm";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size: "default" | "sm";
+} & React.RefAttributes<HTMLDivElement>>;
 type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 

package/dist/codeBlock/index.js

@@ -137,7 +137,7 @@ var Loading = ({
   color,
   ...props
 }) => {
-  let sizeStyles = {
+  let sizeStyles2 = {
     button: "hawa-h-4 hawa-w-4",
     xs: "hawa-h-1 hawa-w-1",
     sm: "hawa-h-6 hawa-w-6",
@@ -161,7 +161,7 @@ var Loading = ({
           {
             className: cn(
               "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles2[size],
               animationStyles[design.split("-")[1]],
               color ? color : "hawa-bg-primary"
             )
@@ -172,7 +172,7 @@ var Loading = ({
           {
             className: cn(
               "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles2[size],
               animationStyles[design.split("-")[1]],
               color ? color : "hawa-bg-primary"
             )
@@ -183,7 +183,7 @@ var Loading = ({
           {
             className: cn(
               "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles2[size],
               animationStyles[design.split("-")[1]],
               color ? color : "hawa-bg-primary"
             )
@@ -194,7 +194,7 @@ var Loading = ({
       return /* @__PURE__ */ import_react.default.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles[size]),
+          className: cn("squircle-container", sizeStyles2[size]),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -229,7 +229,7 @@ var Loading = ({
       return /* @__PURE__ */ import_react.default.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles[size]),
+          className: cn("squircle-container", sizeStyles2[size]),
           x: "0px",
           y: "0px",
           viewBox: "0 0 37 37",
@@ -266,7 +266,7 @@ var Loading = ({
       return /* @__PURE__ */ import_react.default.createElement(
         "svg",
         {
-          className: cn("circle-container", sizeStyles[size]),
+          className: cn("circle-container", sizeStyles2[size]),
           viewBox: "0 0 40 40",
           height: "40",
           width: "40"
@@ -585,7 +585,7 @@ var Chip = import_react4.default.forwardRef(
       full: "hawa-rounded-full",
       none: "hawa-rounded-none"
     };
-    let sizeStyles = {
+    let sizeStyles2 = {
       small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
       normal: "hawa-h-fit hawa-text-xs",
       large: "hawa-text-base"
@@ -618,7 +618,7 @@ var Chip = import_react4.default.forwardRef(
           ref,
           className: cn(
             defaultStyles,
-            sizeStyles[size],
+            sizeStyles2[size],
             radiusStyles[radius],
             color ? colorStyles[color] : "hawa-border hawa-bg-none"
           )
@@ -1871,6 +1871,7 @@ var Combobox = React27.forwardRef(
         "button",
         {
           role: "combobox",
+          type: "button",
           "aria-expanded": open,
           className: cn(
             "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary hawa-ring-offset-background  hawa-transition-all  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
@@ -1880,7 +1881,7 @@ var Combobox = React27.forwardRef(
         value ? getProperty(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
+        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
         /* @__PURE__ */ React27.createElement(
           "svg",
           {
@@ -1911,6 +1912,7 @@ var Combobox = React27.forwardRef(
       ))), /* @__PURE__ */ React27.createElement(
         PopoverContent,
         {
+          sideOffset: 0,
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
@@ -2477,7 +2479,7 @@ var React56 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority4 = require("class-variance-authority");
 var toastVariants = (0, import_class_variance_authority4.cva)(
-  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
+  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-overflow-hidden hawa-rounded-md hawa-border hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
   {
     variants: {
       variant: {
@@ -2492,11 +2494,14 @@ var toastVariants = (0, import_class_variance_authority4.cva)(
         none: ""
       }
     },
-    defaultVariants: {
-      variant: "default"
-    }
+    defaultVariants: { variant: "default" }
   }
 );
+var sizeStyles = {
+  default: "hawa-text-sm",
+  // Update this based on the desired padding for rtl
+  sm: "hawa-text-xs"
+};
 var ToastViewport = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React56.createElement(
   ToastPrimitives.Viewport,
   {
@@ -2517,7 +2522,7 @@ var Toast = React56.forwardRef(({ className, variant, severity = "none", directi
       className: cn(
         toastVariants({ variant, severity }),
         className,
-        direction === "rtl" ? "hawa-p-6 hawa-pl-0 hawa-pr-10 data-[state=closed]:hawa-slide-out-to-left-full" : "hawa-p-6 hawa-pr-8 data-[state=closed]:hawa-slide-out-to-right-full"
+        direction === "rtl" ? "data-[state=closed]:hawa-slide-out-to-left-full" : "data-[state=closed]:hawa-slide-out-to-right-full"
       ),
       dir: direction,
       ...props
@@ -2536,6 +2541,7 @@ var ToastAction = React56.forwardRef(({ className, ...props }, ref) => {
         "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error",
         "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success",
         "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-ring-warning",
+        "hawa-whitespace-nowrap",
         className
       ),
       ...props
@@ -2548,7 +2554,10 @@ var ToastClose = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE
   {
     ref,
     className: cn(
-      "hawa-absolute hawa-right-2 hawa-top-2 hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-opacity-0 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-hover:hawa-opacity-100 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
+      // "hawa-absolute hawa-start-2 hawa-top-2",
+      // "group-hover:hawa-opacity-100",
+      "hawa-opacity-100",
+      "hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2  group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
       className
     ),
     "toast-close": "",
@@ -2574,23 +2583,28 @@ var ToastClose = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React56.createElement(
+var ToastTitle = React56.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React56.createElement(
   ToastPrimitives.Title,
   {
     ref,
     className: cn(
       "hawa-select-text hawa-text-sm hawa-font-semibold",
+      sizeStyles[size],
       className
     ),
     ...props
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React56.createElement(
+var ToastDescription = React56.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React56.createElement(
   ToastPrimitives.Description,
   {
     ref,
-    className: cn("hawa-select-text hawa-text-sm hawa-opacity-90", className),
+    className: cn(
+      "hawa-select-text hawa-opacity-90",
+      sizeStyles[size],
+      className
+    ),
     ...props
   }
 ));

package/dist/codeBlock/index.mjs

@@ -1375,6 +1375,7 @@ var Combobox = React19.forwardRef(
         "button",
         {
           role: "combobox",
+          type: "button",
           "aria-expanded": open,
           className: cn(
             "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary hawa-ring-offset-background  hawa-transition-all  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
@@ -1384,7 +1385,7 @@ var Combobox = React19.forwardRef(
         value ? getProperty(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
+        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
         /* @__PURE__ */ React19.createElement(
           "svg",
           {
@@ -1415,6 +1416,7 @@ var Combobox = React19.forwardRef(
       ))), /* @__PURE__ */ React19.createElement(
         PopoverContent,
         {
+          sideOffset: 0,
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
         /* @__PURE__ */ React19.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React19.createElement(
@@ -1988,7 +1990,7 @@ import * as React48 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva3 } from "class-variance-authority";
 var toastVariants = cva3(
-  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
+  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-overflow-hidden hawa-rounded-md hawa-border hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
   {
     variants: {
       variant: {
@@ -2003,11 +2005,14 @@ var toastVariants = cva3(
         none: ""
       }
     },
-    defaultVariants: {
-      variant: "default"
-    }
+    defaultVariants: { variant: "default" }
   }
 );
+var sizeStyles = {
+  default: "hawa-text-sm",
+  // Update this based on the desired padding for rtl
+  sm: "hawa-text-xs"
+};
 var ToastViewport = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React48.createElement(
   ToastPrimitives.Viewport,
   {
@@ -2028,7 +2033,7 @@ var Toast = React48.forwardRef(({ className, variant, severity = "none", directi
       className: cn(
         toastVariants({ variant, severity }),
         className,
-        direction === "rtl" ? "hawa-p-6 hawa-pl-0 hawa-pr-10 data-[state=closed]:hawa-slide-out-to-left-full" : "hawa-p-6 hawa-pr-8 data-[state=closed]:hawa-slide-out-to-right-full"
+        direction === "rtl" ? "data-[state=closed]:hawa-slide-out-to-left-full" : "data-[state=closed]:hawa-slide-out-to-right-full"
       ),
       dir: direction,
       ...props
@@ -2047,6 +2052,7 @@ var ToastAction = React48.forwardRef(({ className, ...props }, ref) => {
         "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error",
         "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success",
         "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-ring-warning",
+        "hawa-whitespace-nowrap",
         className
       ),
       ...props
@@ -2059,7 +2065,10 @@ var ToastClose = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE
   {
     ref,
     className: cn(
-      "hawa-absolute hawa-right-2 hawa-top-2 hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-opacity-0 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-hover:hawa-opacity-100 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
+      // "hawa-absolute hawa-start-2 hawa-top-2",
+      // "group-hover:hawa-opacity-100",
+      "hawa-opacity-100",
+      "hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2  group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
       className
     ),
     "toast-close": "",
@@ -2085,23 +2094,28 @@ var ToastClose = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React48.createElement(
+var ToastTitle = React48.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React48.createElement(
   ToastPrimitives.Title,
   {
     ref,
     className: cn(
       "hawa-select-text hawa-text-sm hawa-font-semibold",
+      sizeStyles[size],
       className
     ),
     ...props
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React48.createElement(
+var ToastDescription = React48.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React48.createElement(
   ToastPrimitives.Description,
   {
     ref,
-    className: cn("hawa-select-text hawa-text-sm hawa-opacity-90", className),
+    className: cn(
+      "hawa-select-text hawa-opacity-90",
+      sizeStyles[size],
+      className
+    ),
     ...props
   }
 ));

package/dist/combobox/index.js

@@ -638,6 +638,7 @@ var Combobox = React7.forwardRef(
         "button",
         {
           role: "combobox",
+          type: "button",
           "aria-expanded": open,
           className: cn(
             "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary hawa-ring-offset-background  hawa-transition-all  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
@@ -647,7 +648,7 @@ var Combobox = React7.forwardRef(
         value ? getProperty(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
+        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
         /* @__PURE__ */ React7.createElement(
           "svg",
           {
@@ -678,6 +679,7 @@ var Combobox = React7.forwardRef(
       ))), /* @__PURE__ */ React7.createElement(
         PopoverContent,
         {
+          sideOffset: 0,
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
         /* @__PURE__ */ React7.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React7.createElement(

package/dist/combobox/index.mjs

@@ -517,6 +517,7 @@ var Combobox = React5.forwardRef(
         "button",
         {
           role: "combobox",
+          type: "button",
           "aria-expanded": open,
           className: cn(
             "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary hawa-ring-offset-background  hawa-transition-all  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
@@ -526,7 +527,7 @@ var Combobox = React5.forwardRef(
         value ? getProperty(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
+        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
         /* @__PURE__ */ React5.createElement(
           "svg",
           {
@@ -557,6 +558,7 @@ var Combobox = React5.forwardRef(
       ))), /* @__PURE__ */ React5.createElement(
         PopoverContent,
         {
+          sideOffset: 0,
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
         /* @__PURE__ */ React5.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React5.createElement(

package/dist/elements/index.d.mts

@@ -22,7 +22,7 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { EmblaOptionsType } from 'embla-carousel-react';
-export { d as Toast, h as ToastAction, a as ToastActionElement, g as ToastClose, f as ToastDescription, T as ToastProps, b as ToastProvider, e as ToastTitle, c as ToastViewport } from '../Toast-jAb16JQg.mjs';
+export { d as Toast, h as ToastAction, a as ToastActionElement, g as ToastClose, f as ToastDescription, T as ToastProps, b as ToastProvider, e as ToastTitle, c as ToastViewport } from '../Toast-VBd4UvlM.mjs';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-toast';
 

package/dist/elements/index.d.ts

@@ -22,7 +22,7 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { EmblaOptionsType } from 'embla-carousel-react';
-export { d as Toast, h as ToastAction, a as ToastActionElement, g as ToastClose, f as ToastDescription, T as ToastProps, b as ToastProvider, e as ToastTitle, c as ToastViewport } from '../Toast-xcELwcIX.js';
+export { d as Toast, h as ToastAction, a as ToastActionElement, g as ToastClose, f as ToastDescription, T as ToastProps, b as ToastProvider, e as ToastTitle, c as ToastViewport } from '../Toast-pOd4uGZz.js';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-toast';