@sikka/hawa 0.37.0-next → 0.37.2-next

package/dist/elements/index.mjs

@@ -22,7 +22,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-PO5OW6SQ.mjs";
+} from "../chunk-QYWOI3DO.mjs";
 import {
   useClipboard
 } from "../chunk-ZBUBNKF6.mjs";
@@ -37,7 +37,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-6QIOEUE2.mjs";
+} from "../chunk-ODOCZAWC.mjs";
 import {
   Button,
   Card,
@@ -76,7 +76,7 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-NNPNQK6F.mjs";
+} from "../chunk-RNFJAEEU.mjs";
 import {
   __require
 } from "../chunk-SYGWSBJL.mjs";
@@ -1502,7 +1502,12 @@ var CommandShortcut = ({
     }
   );
 };
-var FullCommand = ({ items, direction = "ltr", texts }) => {
+var FullCommand = ({
+  items,
+  direction = "ltr",
+  texts,
+  onActionClick
+}) => {
   return /* @__PURE__ */ React12.createElement(
     Command,
     {
@@ -1518,7 +1523,20 @@ var FullCommand = ({ items, direction = "ltr", texts }) => {
     /* @__PURE__ */ React12.createElement(CommandList, null, /* @__PURE__ */ React12.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
       var _a;
       if (item.type === "group") {
-        return /* @__PURE__ */ React12.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React12.createElement(CommandItem, { key: subIndex, onSelect: subItem.action }, /* @__PURE__ */ React12.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }), /* @__PURE__ */ React12.createElement("span", null, subItem.text), subItem.shortcut && /* @__PURE__ */ React12.createElement(CommandShortcut, null, subItem.shortcut))));
+        return /* @__PURE__ */ React12.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React12.createElement(
+          CommandItem,
+          {
+            key: subIndex,
+            onSelect: () => {
+              if (onActionClick)
+                onActionClick();
+              subItem.action();
+            }
+          },
+          /* @__PURE__ */ React12.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
+          /* @__PURE__ */ React12.createElement("span", null, subItem.label),
+          subItem.shortcut && /* @__PURE__ */ React12.createElement(CommandShortcut, null, subItem.shortcut)
+        )));
       } else if (item.type === "separator") {
         return /* @__PURE__ */ React12.createElement(CommandSeparator, { key: index });
       }
@@ -1526,14 +1544,18 @@ var FullCommand = ({ items, direction = "ltr", texts }) => {
     }))
   );
 };
-var AppCommand = ({ commandProps, dialogProps }) => {
+var AppCommand = ({
+  commandProps,
+  dialogProps,
+  onActionClick
+}) => {
   return /* @__PURE__ */ React12.createElement(Dialog2, { ...dialogProps }, /* @__PURE__ */ React12.createElement(
     DialogContent,
     {
       hideCloseButton: true,
-      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-lg !hawa-min-h-[50%]"
+      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-l "
     },
-    /* @__PURE__ */ React12.createElement(FullCommand, { ...commandProps })
+    /* @__PURE__ */ React12.createElement(FullCommand, { ...commandProps, onActionClick })
   ));
 };
 CommandShortcut.displayName = "CommandShortcut";

package/dist/{index-CoPyqTu8.d.mts → index-B0aJcA6d.d.mts}

@@ -40,7 +40,7 @@ type FullCommandItem = {
     heading?: string;
     items?: {
         icon: React.ElementType;
-        text: string;
+        label: string | React.ReactNode;
         action: () => void;
         shortcut?: string;
     }[];
@@ -48,16 +48,18 @@ type FullCommandItem = {
 type FullCommandProps = {
     items: FullCommandItem[];
     direction?: DirectionType;
+    onActionClick?: () => void;
     texts?: {
         searchPlaceholder?: string;
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts }: FullCommandProps) => React.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React.JSX.Element;
 type AppCommandProps = {
-    commandProps: FullCommandProps;
+    commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
+    onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps }: AppCommandProps) => React.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React.JSX.Element;
 
-export { AppCommand as A, type CommandInputProps as C, type DirectionType as D, FullCommand as F, type PositionType as P, Command as a, CommandDialog as b, CommandInput as c, CommandList as d, CommandEmpty as e, CommandGroup as f, CommandItem as g, CommandShortcut as h, CommandSeparator as i };
+export { AppCommand as A, type CommandInputProps as C, type DirectionType as D, FullCommand as F, type PositionType as P, Command as a, CommandDialog as b, CommandInput as c, CommandList as d, CommandEmpty as e, CommandGroup as f, CommandItem as g, CommandShortcut as h, CommandSeparator as i, type FullCommandItem as j };

package/dist/{index-CoPyqTu8.d.ts → index-B0aJcA6d.d.ts}

@@ -40,7 +40,7 @@ type FullCommandItem = {
     heading?: string;
     items?: {
         icon: React.ElementType;
-        text: string;
+        label: string | React.ReactNode;
         action: () => void;
         shortcut?: string;
     }[];
@@ -48,16 +48,18 @@ type FullCommandItem = {
 type FullCommandProps = {
     items: FullCommandItem[];
     direction?: DirectionType;
+    onActionClick?: () => void;
     texts?: {
         searchPlaceholder?: string;
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts }: FullCommandProps) => React.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React.JSX.Element;
 type AppCommandProps = {
-    commandProps: FullCommandProps;
+    commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
+    onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps }: AppCommandProps) => React.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React.JSX.Element;
 
-export { AppCommand as A, type CommandInputProps as C, type DirectionType as D, FullCommand as F, type PositionType as P, Command as a, CommandDialog as b, CommandInput as c, CommandList as d, CommandEmpty as e, CommandGroup as f, CommandItem as g, CommandShortcut as h, CommandSeparator as i };
+export { AppCommand as A, type CommandInputProps as C, type DirectionType as D, FullCommand as F, type PositionType as P, Command as a, CommandDialog as b, CommandInput as c, CommandList as d, CommandEmpty as e, CommandGroup as f, CommandItem as g, CommandShortcut as h, CommandSeparator as i, type FullCommandItem as j };

package/dist/index.d.mts

@@ -30,7 +30,9 @@ interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     asContainer?: boolean;
 }
 declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+    actions?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const CardContent: React$1.ForwardRefExoticComponent<{
@@ -584,7 +586,7 @@ type FullCommandItem = {
     heading?: string;
     items?: {
         icon: React$1.ElementType;
-        text: string;
+        label: string | React$1.ReactNode;
         action: () => void;
         shortcut?: string;
     }[];
@@ -592,17 +594,19 @@ type FullCommandItem = {
 type FullCommandProps = {
     items: FullCommandItem[];
     direction?: DirectionType;
+    onActionClick?: () => void;
     texts?: {
         searchPlaceholder?: string;
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts }: FullCommandProps) => React$1.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React$1.JSX.Element;
 type AppCommandProps = {
-    commandProps: FullCommandProps;
+    commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
+    onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps }: AppCommandProps) => React$1.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React$1.JSX.Element;
 
 type ComboboxTypes<T> = {
     labelKey?: keyof T | any;
@@ -2207,4 +2211,4 @@ type HotkeyItem = [
 ];
 declare function useShortcuts(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppCommand, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, 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, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, FullCommand, HorizontalPricing, type Hotkey, type HotkeyItem, type HotkeyItemOptions, Input, InterfaceSettings, ItemCard, type KeyboardModifiers, 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, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, 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, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, getHotkeyHandler, getHotkeyMatcher, navigationMenuTriggerStyle, parseHotkey, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useShortcuts, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppCommand, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, 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, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, FullCommand, type FullCommandItem, HorizontalPricing, type Hotkey, type HotkeyItem, type HotkeyItemOptions, Input, InterfaceSettings, ItemCard, type KeyboardModifiers, 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, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, 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, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, getHotkeyHandler, getHotkeyMatcher, navigationMenuTriggerStyle, parseHotkey, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useShortcuts, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -30,7 +30,9 @@ interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     asContainer?: boolean;
 }
 declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+    actions?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const CardContent: React$1.ForwardRefExoticComponent<{
@@ -584,7 +586,7 @@ type FullCommandItem = {
     heading?: string;
     items?: {
         icon: React$1.ElementType;
-        text: string;
+        label: string | React$1.ReactNode;
         action: () => void;
         shortcut?: string;
     }[];
@@ -592,17 +594,19 @@ type FullCommandItem = {
 type FullCommandProps = {
     items: FullCommandItem[];
     direction?: DirectionType;
+    onActionClick?: () => void;
     texts?: {
         searchPlaceholder?: string;
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts }: FullCommandProps) => React$1.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React$1.JSX.Element;
 type AppCommandProps = {
-    commandProps: FullCommandProps;
+    commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
+    onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps }: AppCommandProps) => React$1.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React$1.JSX.Element;
 
 type ComboboxTypes<T> = {
     labelKey?: keyof T | any;
@@ -2207,4 +2211,4 @@ type HotkeyItem = [
 ];
 declare function useShortcuts(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppCommand, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, 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, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, FullCommand, HorizontalPricing, type Hotkey, type HotkeyItem, type HotkeyItemOptions, Input, InterfaceSettings, ItemCard, type KeyboardModifiers, 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, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, 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, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, getHotkeyHandler, getHotkeyMatcher, navigationMenuTriggerStyle, parseHotkey, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useShortcuts, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppCommand, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, 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, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, FullCommand, type FullCommandItem, HorizontalPricing, type Hotkey, type HotkeyItem, type HotkeyItemOptions, Input, InterfaceSettings, ItemCard, type KeyboardModifiers, 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, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, 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, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, getHotkeyHandler, getHotkeyMatcher, navigationMenuTriggerStyle, parseHotkey, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useShortcuts, useTabs, useToast, useWindowSize };

package/dist/index.js

@@ -311,17 +311,19 @@ var Card = React.forwardRef(
     );
   }
 );
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
-    ...props
-  }
-));
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+        className
+      ),
+      ...props
+    }
+  ), props.actions && /* @__PURE__ */ React.createElement("div", { className: "hawa-p-6" }, props.actions))
+);
 var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "h3",
   {
@@ -3831,7 +3833,12 @@ var CommandShortcut = ({
     }
   );
 };
-var FullCommand = ({ items, direction = "ltr", texts }) => {
+var FullCommand = ({
+  items,
+  direction = "ltr",
+  texts,
+  onActionClick
+}) => {
   return /* @__PURE__ */ React27.createElement(
     Command,
     {
@@ -3847,7 +3854,20 @@ var FullCommand = ({ items, direction = "ltr", texts }) => {
     /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
       var _a;
       if (item.type === "group") {
-        return /* @__PURE__ */ React27.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React27.createElement(CommandItem, { key: subIndex, onSelect: subItem.action }, /* @__PURE__ */ React27.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }), /* @__PURE__ */ React27.createElement("span", null, subItem.text), subItem.shortcut && /* @__PURE__ */ React27.createElement(CommandShortcut, null, subItem.shortcut))));
+        return /* @__PURE__ */ React27.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React27.createElement(
+          CommandItem,
+          {
+            key: subIndex,
+            onSelect: () => {
+              if (onActionClick)
+                onActionClick();
+              subItem.action();
+            }
+          },
+          /* @__PURE__ */ React27.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
+          /* @__PURE__ */ React27.createElement("span", null, subItem.label),
+          subItem.shortcut && /* @__PURE__ */ React27.createElement(CommandShortcut, null, subItem.shortcut)
+        )));
       } else if (item.type === "separator") {
         return /* @__PURE__ */ React27.createElement(CommandSeparator, { key: index });
       }
@@ -3855,14 +3875,18 @@ var FullCommand = ({ items, direction = "ltr", texts }) => {
     }))
   );
 };
-var AppCommand = ({ commandProps, dialogProps }) => {
+var AppCommand = ({
+  commandProps,
+  dialogProps,
+  onActionClick
+}) => {
   return /* @__PURE__ */ React27.createElement(import_react_dialog.Dialog, { ...dialogProps }, /* @__PURE__ */ React27.createElement(
     DialogContent,
     {
       hideCloseButton: true,
-      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-lg !hawa-min-h-[50%]"
+      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-l "
     },
-    /* @__PURE__ */ React27.createElement(FullCommand, { ...commandProps })
+    /* @__PURE__ */ React27.createElement(FullCommand, { ...commandProps, onActionClick })
   ));
 };
 CommandShortcut.displayName = "CommandShortcut";

package/dist/index.mjs

@@ -66,17 +66,19 @@ var Card = React.forwardRef(
     );
   }
 );
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
-    ...props
-  }
-));
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+        className
+      ),
+      ...props
+    }
+  ), props.actions && /* @__PURE__ */ React.createElement("div", { className: "hawa-p-6" }, props.actions))
+);
 var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "h3",
   {
@@ -3594,7 +3596,12 @@ var CommandShortcut = ({
     }
   );
 };
-var FullCommand = ({ items, direction = "ltr", texts }) => {
+var FullCommand = ({
+  items,
+  direction = "ltr",
+  texts,
+  onActionClick
+}) => {
   return /* @__PURE__ */ React27.createElement(
     Command,
     {
@@ -3610,7 +3617,20 @@ var FullCommand = ({ items, direction = "ltr", texts }) => {
     /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
       var _a;
       if (item.type === "group") {
-        return /* @__PURE__ */ React27.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React27.createElement(CommandItem, { key: subIndex, onSelect: subItem.action }, /* @__PURE__ */ React27.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }), /* @__PURE__ */ React27.createElement("span", null, subItem.text), subItem.shortcut && /* @__PURE__ */ React27.createElement(CommandShortcut, null, subItem.shortcut))));
+        return /* @__PURE__ */ React27.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React27.createElement(
+          CommandItem,
+          {
+            key: subIndex,
+            onSelect: () => {
+              if (onActionClick)
+                onActionClick();
+              subItem.action();
+            }
+          },
+          /* @__PURE__ */ React27.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
+          /* @__PURE__ */ React27.createElement("span", null, subItem.label),
+          subItem.shortcut && /* @__PURE__ */ React27.createElement(CommandShortcut, null, subItem.shortcut)
+        )));
       } else if (item.type === "separator") {
         return /* @__PURE__ */ React27.createElement(CommandSeparator, { key: index });
       }
@@ -3618,14 +3638,18 @@ var FullCommand = ({ items, direction = "ltr", texts }) => {
     }))
   );
 };
-var AppCommand = ({ commandProps, dialogProps }) => {
+var AppCommand = ({
+  commandProps,
+  dialogProps,
+  onActionClick
+}) => {
   return /* @__PURE__ */ React27.createElement(Dialog2, { ...dialogProps }, /* @__PURE__ */ React27.createElement(
     DialogContent,
     {
       hideCloseButton: true,
-      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-lg !hawa-min-h-[50%]"
+      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-l "
     },
-    /* @__PURE__ */ React27.createElement(FullCommand, { ...commandProps })
+    /* @__PURE__ */ React27.createElement(FullCommand, { ...commandProps, onActionClick })
   ));
 };
 CommandShortcut.displayName = "CommandShortcut";

package/dist/layout/index.js

@@ -103,17 +103,19 @@ var Card = React.forwardRef(
     );
   }
 );
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
-    ...props
-  }
-));
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+        className
+      ),
+      ...props
+    }
+  ), props.actions && /* @__PURE__ */ React.createElement("div", { className: "hawa-p-6" }, props.actions))
+);
 var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "h3",
   {

package/dist/layout/index.mjs

@@ -3,7 +3,7 @@ import {
   Sheet,
   SheetContent,
   SheetTrigger
-} from "../chunk-6QIOEUE2.mjs";
+} from "../chunk-ODOCZAWC.mjs";
 import {
   Button,
   Card,
@@ -16,7 +16,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-NNPNQK6F.mjs";
+} from "../chunk-RNFJAEEU.mjs";
 import {
   useBreakpoint,
   useClickOutside

package/dist/stats/index.js

@@ -78,17 +78,19 @@ var Card = React.forwardRef(
     );
   }
 );
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
-    ...props
-  }
-));
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+        className
+      ),
+      ...props
+    }
+  ), props.actions && /* @__PURE__ */ React.createElement("div", { className: "hawa-p-6" }, props.actions))
+);
 var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "h3",
   {

package/dist/stats/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../layout/stats/index.ts","../../layout/stats/Stats.tsx","../../elements/card/Card.tsx","../../util/index.ts","../../elements/skeleton/Skeleton.tsx"],"sourcesContent":["export * from \"./Stats\";\n","import React, { FC } from \"react\";\n\nimport { Card, CardContent, CardTitle } from \"@elements/card\";\nimport { Skeleton } from \"@elements/skeleton\";\n\nimport { cn } from \"@util/index\";\n\ninterface StatTypes extends React.HTMLAttributes<HTMLDivElement> {\n  label?: string;\n  color?: string;\n  number?: string;\n  helperText?: string;\n  helperTextColor?: \"default\" | \"positive\" | \"negative\" | \"muted\";\n  chart?: any;\n  icon?: React.ReactNode;\n  variant?:\n    | \"default\"\n    | \"plain\"\n    | \"contained\"\n    | \"outlined\"\n    | \"brutalist\"\n    | \"dropshadow\";\n  width?: \"full\" | \"min\" | \"normal\";\n  isLoading?: boolean;\n  className?: string;\n  clickable?: boolean;\n}\nexport const Stats: FC<StatTypes> = ({\n  label,\n  icon,\n  isLoading,\n  number,\n  helperText,\n  helperTextColor = \"default\",\n  chart,\n  clickable,\n  variant = \"default\",\n  ...props\n}) => {\n  let helperTextColorStyles = {\n    default: \"\",\n    positive: \"hawa-text-green-600 dark:hawa-text-green-500\",\n    negative: \"hawa-text-red-600 dark:hawa-text-red-500\",\n    muted: \"hawa-text-muted-foreground\"\n  };\n  return (\n    <Card {...props} clickable={clickable}>\n      <div className=\"hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4 hawa-px-6\">\n        <CardTitle className=\"hawa-text-sm hawa-font-medium\">{label}</CardTitle>\n        {icon && <span>{icon}</span>}\n      </div>\n      <CardContent className=\"hawa-transition-all\">\n        {isLoading ? (\n          <Skeleton className=\"hawa-h-8 hawa-w-3/4\" />\n        ) : (\n          <div className=\"hawa-text-2xl hawa-font-bold\">{number}</div>\n        )}\n        {helperText && (\n          <div\n            className={cn(\n              \"hawa-my-0 hawa-text-start  hawa-text-xs hawa-transition-all\",\n              helperTextColorStyles[helperTextColor],\n              helperText\n                ? \"hawa-h-4 hawa-opacity-100\"\n                : \"hawa-h-0 hawa-opacity-0\"\n            )}\n          >\n            {isLoading ? (\n              <Skeleton className=\"hawa-mt-2 hawa-h-4 hawa-w-1/2\" />\n            ) : (\n              helperText\n            )}\n          </div>\n        )}\n        {chart &&\n          (isLoading ? (\n            <Skeleton className=\"hawa-mt-2 hawa-h-4 hawa-w-1/2\" />\n          ) : (\n            chart\n          ))}\n      </CardContent>\n    </Card>\n  );\n};\n","import * as React from \"react\";\n\nimport { cn } from \"@util/index\";\n\ninterface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  clickable?: boolean;\n  variant?: \"default\" | \"neoBrutalism\";\n  asContainer?: boolean;\n}\n\ntype CardContentProps = {\n  headless?: boolean;\n  noPadding?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      className,\n      variant = \"default\",\n      clickable = false,\n      asContainer = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let variantStyles = {\n      default: cn(\n        \"hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm\",\n        clickable &&\n          \"hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow\",\n      ),\n      neoBrutalism: cn(\n        \"neo-brutalism\",\n        // \"hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]\",\n        clickable &&\n          \"hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active\",\n      ),\n    };\n    return (\n      <div\n        ref={ref}\n        className={cn(className, !asContainer && variantStyles[variant])}\n        {...props}\n      />\n    );\n  },\n);\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6\",\n      className,\n    )}\n    {...props}\n  />\n));\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"hawa-text-2xl hawa-font-semibold \", className)}\n    {...props}\n  />\n));\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"hawa-text-sm hawa-text-muted-foreground\", className)}\n    {...props}\n  />\n));\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ headless, noPadding, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        noPadding ? \"hawa-p-0\" : \"hawa-p-6\",\n        headless ? \"hawa-pt-6\" : \"hawa-pt-0\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { noPadding?: boolean }\n>(({ className, noPadding, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      noPadding ? \"hawa-p-0\" : \"hawa-p-6\",\n      \"hawa-flex hawa-items-center hawa-pt-0\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nCardDescription.displayName = \"CardDescription\";\nCardContent.displayName = \"CardContent\";\nCardHeader.displayName = \"CardHeader\";\nCardFooter.displayName = \"CardFooter\";\nCardTitle.displayName = \"CardTitle\";\nCard.displayName = \"Card\";\n\nexport {\n  CardDescription,\n  CardContent,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  Card,\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(\n    sanitizedHex\n  );\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16)\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\")\n    }\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n","import React from \"react\";\n\nimport { cn } from \"@util/index\";\n\ninterface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  animation?: \"none\" | \"pulse\" | \"shimmer\";\n  content?: any;\n  fade?: \"top\" | \"bottom\" | \"left\" | \"right\";\n}\n\nfunction Skeleton({\n  className,\n  content,\n  animation = \"pulse\",\n  fade,\n  ...props\n}: SkeletonProps) {\n  const animationStyles = {\n    none: \"hawa-rounded hawa-bg-muted\",\n    pulse: \"hawa-animate-pulse hawa-rounded hawa-bg-muted\",\n    shimmer:\n      \"hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10\",\n  };\n  const fadeStyle = {\n    bottom: \"hawa-mask-fade-bottom\",\n    top: \"hawa-mask-fade-top\",\n    right: \"hawa-mask-fade-right\",\n    left: \"hawa-mask-fade-left \",\n  };\n\n  return (\n    <div\n      className={cn(\n        animationStyles[animation],\n        content &&\n          \"hawa-flex hawa-flex-col hawa-items-center hawa-justify-center\",\n        fade && fadeStyle[fade],\n        className,\n      )}\n      {...props}\n    >\n      {content && content}\n    </div>\n  );\n}\n\nexport { Skeleton };\n"],"mappings":"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","names":["import_react","React","React"]}
+{"version":3,"sources":["../../layout/stats/index.ts","../../layout/stats/Stats.tsx","../../elements/card/Card.tsx","../../util/index.ts","../../elements/skeleton/Skeleton.tsx"],"sourcesContent":["export * from \"./Stats\";\n","import React, { FC } from \"react\";\n\nimport { Card, CardContent, CardTitle } from \"@elements/card\";\nimport { Skeleton } from \"@elements/skeleton\";\n\nimport { cn } from \"@util/index\";\n\ninterface StatTypes extends React.HTMLAttributes<HTMLDivElement> {\n  label?: string;\n  color?: string;\n  number?: string;\n  helperText?: string;\n  helperTextColor?: \"default\" | \"positive\" | \"negative\" | \"muted\";\n  chart?: any;\n  icon?: React.ReactNode;\n  variant?:\n    | \"default\"\n    | \"plain\"\n    | \"contained\"\n    | \"outlined\"\n    | \"brutalist\"\n    | \"dropshadow\";\n  width?: \"full\" | \"min\" | \"normal\";\n  isLoading?: boolean;\n  className?: string;\n  clickable?: boolean;\n}\nexport const Stats: FC<StatTypes> = ({\n  label,\n  icon,\n  isLoading,\n  number,\n  helperText,\n  helperTextColor = \"default\",\n  chart,\n  clickable,\n  variant = \"default\",\n  ...props\n}) => {\n  let helperTextColorStyles = {\n    default: \"\",\n    positive: \"hawa-text-green-600 dark:hawa-text-green-500\",\n    negative: \"hawa-text-red-600 dark:hawa-text-red-500\",\n    muted: \"hawa-text-muted-foreground\"\n  };\n  return (\n    <Card {...props} clickable={clickable}>\n      <div className=\"hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4 hawa-px-6\">\n        <CardTitle className=\"hawa-text-sm hawa-font-medium\">{label}</CardTitle>\n        {icon && <span>{icon}</span>}\n      </div>\n      <CardContent className=\"hawa-transition-all\">\n        {isLoading ? (\n          <Skeleton className=\"hawa-h-8 hawa-w-3/4\" />\n        ) : (\n          <div className=\"hawa-text-2xl hawa-font-bold\">{number}</div>\n        )}\n        {helperText && (\n          <div\n            className={cn(\n              \"hawa-my-0 hawa-text-start  hawa-text-xs hawa-transition-all\",\n              helperTextColorStyles[helperTextColor],\n              helperText\n                ? \"hawa-h-4 hawa-opacity-100\"\n                : \"hawa-h-0 hawa-opacity-0\"\n            )}\n          >\n            {isLoading ? (\n              <Skeleton className=\"hawa-mt-2 hawa-h-4 hawa-w-1/2\" />\n            ) : (\n              helperText\n            )}\n          </div>\n        )}\n        {chart &&\n          (isLoading ? (\n            <Skeleton className=\"hawa-mt-2 hawa-h-4 hawa-w-1/2\" />\n          ) : (\n            chart\n          ))}\n      </CardContent>\n    </Card>\n  );\n};\n","import * as React from \"react\";\n\nimport { cn } from \"@util/index\";\n\ninterface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  clickable?: boolean;\n  variant?: \"default\" | \"neoBrutalism\";\n  asContainer?: boolean;\n}\n\ntype CardContentProps = {\n  headless?: boolean;\n  noPadding?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      className,\n      variant = \"default\",\n      clickable = false,\n      asContainer = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let variantStyles = {\n      default: cn(\n        \"hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm\",\n        clickable &&\n          \"hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow\",\n      ),\n      neoBrutalism: cn(\n        \"neo-brutalism\",\n        // \"hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]\",\n        clickable &&\n          \"hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active\",\n      ),\n    };\n    return (\n      <div\n        ref={ref}\n        className={cn(className, !asContainer && variantStyles[variant])}\n        {...props}\n      />\n    );\n  },\n);\n\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  actions?: React.ReactNode;\n};\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div className=\"hawa-flex hawa-flex-row hawa-justify-between\">\n      <div\n        ref={ref}\n        className={cn(\n          \"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6\",\n          className,\n        )}\n        {...props}\n      />\n      {props.actions && <div className=\"hawa-p-6\">{props.actions}</div>}\n    </div>\n  ),\n);\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"hawa-text-2xl hawa-font-semibold \", className)}\n    {...props}\n  />\n));\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"hawa-text-sm hawa-text-muted-foreground\", className)}\n    {...props}\n  />\n));\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ headless, noPadding, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        noPadding ? \"hawa-p-0\" : \"hawa-p-6\",\n        headless ? \"hawa-pt-6\" : \"hawa-pt-0\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { noPadding?: boolean }\n>(({ className, noPadding, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      noPadding ? \"hawa-p-0\" : \"hawa-p-6\",\n      \"hawa-flex hawa-items-center hawa-pt-0\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nCardDescription.displayName = \"CardDescription\";\nCardContent.displayName = \"CardContent\";\nCardHeader.displayName = \"CardHeader\";\nCardFooter.displayName = \"CardFooter\";\nCardTitle.displayName = \"CardTitle\";\nCard.displayName = \"Card\";\n\nexport {\n  CardDescription,\n  CardContent,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  Card,\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(\n    sanitizedHex\n  );\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16)\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\")\n    }\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n","import React from \"react\";\n\nimport { cn } from \"@util/index\";\n\ninterface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  animation?: \"none\" | \"pulse\" | \"shimmer\";\n  content?: any;\n  fade?: \"top\" | \"bottom\" | \"left\" | \"right\";\n}\n\nfunction Skeleton({\n  className,\n  content,\n  animation = \"pulse\",\n  fade,\n  ...props\n}: SkeletonProps) {\n  const animationStyles = {\n    none: \"hawa-rounded hawa-bg-muted\",\n    pulse: \"hawa-animate-pulse hawa-rounded hawa-bg-muted\",\n    shimmer:\n      \"hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10\",\n  };\n  const fadeStyle = {\n    bottom: \"hawa-mask-fade-bottom\",\n    top: \"hawa-mask-fade-top\",\n    right: \"hawa-mask-fade-right\",\n    left: \"hawa-mask-fade-left \",\n  };\n\n  return (\n    <div\n      className={cn(\n        animationStyles[animation],\n        content &&\n          \"hawa-flex hawa-flex-col hawa-items-center hawa-justify-center\",\n        fade && fadeStyle[fade],\n        className,\n      )}\n      {...props}\n    >\n      {content && content}\n    </div>\n  );\n}\n\nexport { Skeleton };\n"],"mappings":"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","names":["import_react","React","React"]}