@sikka/hawa 0.18.13-next → 0.18.15-next

package/dist/index.css

@@ -1310,9 +1310,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-24 {
   height: 6rem;
 }
-.hawa-h-28 {
-  height: 7rem;
-}
 .hawa-h-3 {
   height: 0.75rem;
 }
@@ -1403,6 +1400,12 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[44px\] {
   height: 44px;
 }
+.hawa-h-\[72px\] {
+  height: 72px;
+}
+.hawa-h-\[88px\] {
+  height: 88px;
+}
 .hawa-h-\[calc\(100dvh\)\] {
   height: calc(100dvh);
 }
@@ -1492,9 +1495,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-24 {
   width: 6rem;
 }
-.hawa-w-28 {
-  width: 7rem;
-}
 .hawa-w-3 {
   width: 0.75rem;
 }
@@ -1573,6 +1573,12 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-\[47px\] {
   width: 47px;
 }
+.hawa-w-\[72px\] {
+  width: 72px;
+}
+.hawa-w-\[88px\] {
+  width: 88px;
+}
 .hawa-w-auto {
   width: auto;
 }

package/dist/index.d.mts

@@ -367,7 +367,7 @@ interface AvatarProps {
     isUploadable?: boolean;
     src?: string;
     alt?: string;
-    size?: "xs" | "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    size?: "2xs" | "xs" | "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
     radius?: RadiusType;
     className?: string;
 }
@@ -491,6 +491,8 @@ type TooltipTypes = {
     /** Duration of the delay before the tooltip appears. */
     delayDuration?: any;
     triggerProps?: TooltipPrimitive.TooltipTriggerProps;
+    contentProps?: TooltipPrimitive.TooltipContentProps;
+    providerProps?: TooltipPrimitive.TooltipProviderProps;
 };
 declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
 
@@ -1837,4 +1839,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -367,7 +367,7 @@ interface AvatarProps {
     isUploadable?: boolean;
     src?: string;
     alt?: string;
-    size?: "xs" | "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    size?: "2xs" | "xs" | "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
     radius?: RadiusType;
     className?: string;
 }
@@ -491,6 +491,8 @@ type TooltipTypes = {
     /** Duration of the delay before the tooltip appears. */
     delayDuration?: any;
     triggerProps?: TooltipPrimitive.TooltipTriggerProps;
+    contentProps?: TooltipPrimitive.TooltipContentProps;
+    providerProps?: TooltipPrimitive.TooltipProviderProps;
 };
 declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
 
@@ -1837,4 +1839,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/index.js

@@ -3012,19 +3012,29 @@ var Tooltip = ({
   defaultOpen,
   onOpenChange,
   triggerProps,
+  contentProps,
+  providerProps,
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.TooltipProvider, { delayDuration }, /* @__PURE__ */ import_react9.default.createElement(
-    TooltipPrimitive.Root,
+  return /* @__PURE__ */ import_react9.default.createElement(
+    TooltipPrimitive.TooltipProvider,
     {
-      open,
-      defaultOpen,
-      onOpenChange
+      delayDuration,
+      ...providerProps
     },
-    /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-    /* @__PURE__ */ import_react9.default.createElement(TooltipContent, { side, align: "center", ...props }, content)
-  ));
+    /* @__PURE__ */ import_react9.default.createElement(
+      TooltipPrimitive.Root,
+      {
+        open,
+        defaultOpen,
+        onOpenChange,
+        ...props
+      },
+      /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react9.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+    )
+  );
 };
 
 // components/elements/Label.tsx
@@ -4505,14 +4515,17 @@ var Avatar = ({
   ...props
 }) => {
   let sizeStyles = {
-    xs: "hawa-h-4 hawa-w-4",
+    "2xs": "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-6 hawa-w-6",
     sm: "hawa-h-8 hawa-w-8",
-    default: "hawa-h-12 hawa-w-12",
-    lg: "hawa-h-16 hawa-w-16",
-    xl: "hawa-h-20 hawa-w-20",
-    "2xl": "hawa-h-24 hawa-w-24",
-    "3xl": "hawa-h-28 hawa-w-28",
-    "4xl": "hawa-h-32 hawa-w-32"
+    default: "hawa-h-10 hawa-w-10",
+    lg: "hawa-h-12 hawa-w-12",
+    xl: "hawa-h-14 hawa-w-14",
+    "2xl": "hawa-h-16 hawa-w-16",
+    "3xl": "hawa-h-[72px] hawa-w-[72px]",
+    "4xl": "hawa-h-20 hawa-w-20",
+    "5xl": "hawa-h-[88px] hawa-w-[88px]",
+    "6xl": "hawa-h-24 hawa-w-24"
   };
   let radiusStyles = {
     full: "hawa-rounded-full",
@@ -4533,7 +4546,7 @@ var Avatar = ({
       FileUploader,
       {
         className: cn(
-          "hawa-bg-red-400 hawa-absolute hawa-top-0 hawa-left-0 hawa-opacity-0",
+          "hawa-bg-red-400 hawa-absolute hawa-w- hawa-top-0 hawa-left-0 hawa-opacity-0",
           sizeStyles[size],
           radiusStyles[radius],
           (!isUploadable || !!src) && "hawa-hidden"
@@ -4552,6 +4565,30 @@ var Avatar = ({
         src,
         alt
       }
+    ),
+    !src && !isUploadable && /* @__PURE__ */ import_react17.default.createElement(
+      "div",
+      {
+        className: cn(
+          sizeStyles[size],
+          "hawa-justify-center hawa-items-center hawa-flex hawa-flex-col"
+        )
+      },
+      /* @__PURE__ */ import_react17.default.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          style: { width: "50%", opacity: 0.35 },
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ import_react17.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ import_react17.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+      )
     )
   );
 };

package/dist/index.mjs

@@ -2787,19 +2787,29 @@ var Tooltip = ({
   defaultOpen,
   onOpenChange,
   triggerProps,
+  contentProps,
+  providerProps,
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ React13.createElement(TooltipPrimitive.TooltipProvider, { delayDuration }, /* @__PURE__ */ React13.createElement(
-    TooltipPrimitive.Root,
+  return /* @__PURE__ */ React13.createElement(
+    TooltipPrimitive.TooltipProvider,
     {
-      open,
-      defaultOpen,
-      onOpenChange
+      delayDuration,
+      ...providerProps
     },
-    /* @__PURE__ */ React13.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-    /* @__PURE__ */ React13.createElement(TooltipContent, { side, align: "center", ...props }, content)
-  ));
+    /* @__PURE__ */ React13.createElement(
+      TooltipPrimitive.Root,
+      {
+        open,
+        defaultOpen,
+        onOpenChange,
+        ...props
+      },
+      /* @__PURE__ */ React13.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ React13.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+    )
+  );
 };
 
 // components/elements/Label.tsx
@@ -4283,14 +4293,17 @@ var Avatar = ({
   ...props
 }) => {
   let sizeStyles = {
-    xs: "hawa-h-4 hawa-w-4",
+    "2xs": "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-6 hawa-w-6",
     sm: "hawa-h-8 hawa-w-8",
-    default: "hawa-h-12 hawa-w-12",
-    lg: "hawa-h-16 hawa-w-16",
-    xl: "hawa-h-20 hawa-w-20",
-    "2xl": "hawa-h-24 hawa-w-24",
-    "3xl": "hawa-h-28 hawa-w-28",
-    "4xl": "hawa-h-32 hawa-w-32"
+    default: "hawa-h-10 hawa-w-10",
+    lg: "hawa-h-12 hawa-w-12",
+    xl: "hawa-h-14 hawa-w-14",
+    "2xl": "hawa-h-16 hawa-w-16",
+    "3xl": "hawa-h-[72px] hawa-w-[72px]",
+    "4xl": "hawa-h-20 hawa-w-20",
+    "5xl": "hawa-h-[88px] hawa-w-[88px]",
+    "6xl": "hawa-h-24 hawa-w-24"
   };
   let radiusStyles = {
     full: "hawa-rounded-full",
@@ -4311,7 +4324,7 @@ var Avatar = ({
       FileUploader,
       {
         className: cn(
-          "hawa-bg-red-400 hawa-absolute hawa-top-0 hawa-left-0 hawa-opacity-0",
+          "hawa-bg-red-400 hawa-absolute hawa-w- hawa-top-0 hawa-left-0 hawa-opacity-0",
           sizeStyles[size],
           radiusStyles[radius],
           (!isUploadable || !!src) && "hawa-hidden"
@@ -4330,6 +4343,30 @@ var Avatar = ({
         src,
         alt
       }
+    ),
+    !src && !isUploadable && /* @__PURE__ */ React30.createElement(
+      "div",
+      {
+        className: cn(
+          sizeStyles[size],
+          "hawa-justify-center hawa-items-center hawa-flex hawa-flex-col"
+        )
+      },
+      /* @__PURE__ */ React30.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          style: { width: "50%", opacity: 0.35 },
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React30.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ React30.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+      )
     )
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.18.13-next",
+  "version": "0.18.15-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",