@sikka/hawa 0.13.15-next → 0.13.16-next

package/dist/index.css

@@ -2049,19 +2049,36 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.hawa-from-green-500 {
+  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .hawa-from-pink-500 {
   --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.hawa-from-pink-700 {
+  --tw-gradient-from: #be185d var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(190 24 93 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .hawa-via-blue-500 {
   --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
+.hawa-via-blue-700 {
+  --tw-gradient-to: rgb(29 78 216 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
 .hawa-via-red-500 {
   --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
+.hawa-to-purple-500 {
+  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
+}
 .hawa-to-purple-600 {
   --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
 }
@@ -2071,6 +2088,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-to-yellow-500 {
   --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
 }
+.hawa-to-yellow-600 {
+  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
+}
 .hawa-bg-cover {
   background-size: cover;
 }

package/dist/index.d.mts

@@ -325,13 +325,14 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = {
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
     icon?: JSX.Element;
     /** The color of the chip, must be a tailwind color */
-    color?: "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+    color?: ChipColors;
     /** The size of the chip */
     size?: "small" | "normal" | "large";
     /** Enable/Disable the dot before the label of the chip */
@@ -343,7 +344,7 @@ type ChipTypes = {
 declare const Chip: FC<ChipTypes>;
 
 type AlertTypes = {
-    severity?: SeverityType;
+    severity?: SeverityType | "hyper" | "oceanic";
     /** The title of the alert placed above the text of the alert. Can be used alone */
     title?: any;
     /** The text of the alert placed below the title of the alert. Can be used alone */
@@ -359,7 +360,7 @@ type AlertTypes = {
             variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
         }
     ];
-    persistant?: boolean;
+    persistent?: boolean;
     icon?: any;
     className?: any;
 };
@@ -857,6 +858,10 @@ declare const Stats: FC<StatTypes>;
 type Item$1 = {
     value: string;
     label: string;
+    badge?: {
+        label: string;
+        color: ChipColors;
+    };
     icon?: any;
     subitems?: SubItem$1[];
     onClick?: () => void;
@@ -1677,4 +1682,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, 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$2 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, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, 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$2 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, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -325,13 +325,14 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = {
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
     icon?: JSX.Element;
     /** The color of the chip, must be a tailwind color */
-    color?: "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+    color?: ChipColors;
     /** The size of the chip */
     size?: "small" | "normal" | "large";
     /** Enable/Disable the dot before the label of the chip */
@@ -343,7 +344,7 @@ type ChipTypes = {
 declare const Chip: FC<ChipTypes>;
 
 type AlertTypes = {
-    severity?: SeverityType;
+    severity?: SeverityType | "hyper" | "oceanic";
     /** The title of the alert placed above the text of the alert. Can be used alone */
     title?: any;
     /** The text of the alert placed below the title of the alert. Can be used alone */
@@ -359,7 +360,7 @@ type AlertTypes = {
             variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
         }
     ];
-    persistant?: boolean;
+    persistent?: boolean;
     icon?: any;
     className?: any;
 };
@@ -857,6 +858,10 @@ declare const Stats: FC<StatTypes>;
 type Item$1 = {
     value: string;
     label: string;
+    badge?: {
+        label: string;
+        color: ChipColors;
+    };
     icon?: any;
     subitems?: SubItem$1[];
     onClick?: () => void;
@@ -1677,4 +1682,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, 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$2 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, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, 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$2 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, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.js

@@ -2518,14 +2518,18 @@ var Alert = function(_param) {
         info: "",
         warning: "",
         error: "",
-        success: ""
+        success: "",
+        hyper: "",
+        oceanic: ""
     };
     var styleVariant = {
         none: "hawa-text-gray-700 hawa-bg-gray-100 dark:hawa-bg-gray-900 ",
         info: "hawa-text-info-foreground hawa-bg-info/90",
         warning: "hawa-text-warning-foreground hawa-bg-warning/90",
         error: "hawa-text-destructive-foreground hawa-bg-destructive/90",
-        success: "hawa-text-success-foreground hawa-bg-success/90"
+        success: "hawa-text-success-foreground hawa-bg-success/90",
+        hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
+        oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
     };
     return /* @__PURE__ */ import_react16.default.createElement("div", {
         ref: alertRef
@@ -2542,7 +2546,7 @@ var Alert = function(_param) {
     }, /* @__PURE__ */ import_react16.default.createElement("span", {
         className: (0, import_clsx6.default)("hawa-font-bold", direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
     }, props.title), /* @__PURE__ */ import_react16.default.createElement("span", {
-        className: (0, import_clsx6.default)(direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8", props.persistant ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]")
+        className: (0, import_clsx6.default)(direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8", props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]")
     }, props.text), props.actions && /* @__PURE__ */ import_react16.default.createElement("div", {
         className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2"
     }, props.actions.map(function(act, index) {
@@ -2551,7 +2555,7 @@ var Alert = function(_param) {
             variant: act.variant,
             onClick: act.onClick()
         }, act.label);
-    })))), !props.persistant && /* @__PURE__ */ import_react16.default.createElement("button", {
+    })))), !props.persistent && /* @__PURE__ */ import_react16.default.createElement("button", {
         type: "button",
         "data-dismiss-target": "#alert-default",
         "aria-label": "Close",
@@ -6806,8 +6810,12 @@ var SidebarItem = function(_param) {
         }, /* @__PURE__ */ React58.createElement("div", {
             className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
         }, item.icon && item.icon, /* @__PURE__ */ React58.createElement("span", {
-            className: cn("hawa-whitespace-nowrap hawa-transition-all", isOpen ? "hawa-opacity-100" : "hawa-opacity-0")
-        }, item.label)));
+            className: cn("hawa-whitespace-nowrap hawa-transition-all hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center", isOpen ? "hawa-opacity-100" : "hawa-opacity-0")
+        }, item.label, " ", item.badge && /* @__PURE__ */ React58.createElement(Chip, {
+            label: item.badge.label,
+            color: "hyper",
+            size: "small"
+        }))));
     }
 };
 // components/layout/Copyrights.tsx

package/dist/index.mjs

@@ -2033,14 +2033,18 @@ var Alert = ({
     info: "",
     warning: "",
     error: "",
-    success: ""
+    success: "",
+    hyper: "",
+    oceanic: ""
   };
   let styleVariant = {
     none: "hawa-text-gray-700 hawa-bg-gray-100 dark:hawa-bg-gray-900 ",
     info: "hawa-text-info-foreground hawa-bg-info/90",
     warning: "hawa-text-warning-foreground hawa-bg-warning/90",
     error: "hawa-text-destructive-foreground hawa-bg-destructive/90",
-    success: "hawa-text-success-foreground hawa-bg-success/90"
+    success: "hawa-text-success-foreground hawa-bg-success/90",
+    hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
+    oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
   };
   return /* @__PURE__ */ React25.createElement("div", { ref: alertRef }, /* @__PURE__ */ React25.createElement(
     "div",
@@ -2074,7 +2078,7 @@ var Alert = ({
       {
         className: clsx6(
           direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
-          props.persistant ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
+          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
         )
       },
       props.text
@@ -2087,7 +2091,7 @@ var Alert = ({
       },
       act.label
     ))))),
-    !props.persistant && /* @__PURE__ */ React25.createElement(
+    !props.persistent && /* @__PURE__ */ React25.createElement(
       "button",
       {
         type: "button",
@@ -6644,11 +6648,13 @@ var SidebarItem = ({
         "span",
         {
           className: cn(
-            "hawa-whitespace-nowrap hawa-transition-all",
+            "hawa-whitespace-nowrap hawa-transition-all hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center",
             isOpen ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         },
-        item.label
+        item.label,
+        " ",
+        item.badge && /* @__PURE__ */ React58.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
       ))
     );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.13.15-next",
+  "version": "0.13.16-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {