@sikka/hawa 0.31.3-next → 0.31.5-next

package/dist/elements/index.mjs

@@ -27,7 +27,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-CRKKOXUP.mjs";
+} from "../chunk-6HRJIMXY.mjs";
 import {
   useClipboard
 } from "../chunk-R2SKHHDK.mjs";
@@ -42,7 +42,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-YAGZ6WVL.mjs";
+} from "../chunk-XZLXGXIA.mjs";
 import {
   Button,
   Card,
@@ -76,7 +76,7 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-XQ3GJWXB.mjs";
+} from "../chunk-MQWYXMSK.mjs";
 import {
   __require
 } from "../chunk-UDCDD66A.mjs";
@@ -1479,6 +1479,7 @@ var Combobox = React13.forwardRef(
     inputProps,
     data,
     renderOption,
+    renderSelected,
     ...props
   }, ref) => {
     var _a, _b, _c;
@@ -1493,6 +1494,9 @@ var Combobox = React13.forwardRef(
         setOpen(open2);
       }
     };
+    const selectedItem = data.find(
+      (item) => getProperty(item, valueKey) === value
+    );
     return /* @__PURE__ */ React13.createElement(
       "div",
       {
@@ -1522,10 +1526,7 @@ var Combobox = React13.forwardRef(
             props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
           )
         },
-        value ? getProperty(
-          data.find((item) => item[valueKey] === value) || {},
-          labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
+        selectedItem ? renderSelected ? renderSelected(selectedItem) : getProperty(selectedItem, labelKey) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
         /* @__PURE__ */ React13.createElement(
           "svg",
           {
@@ -1584,7 +1585,7 @@ var Combobox = React13.forwardRef(
             {
               className: cn(
                 "hawa-max-h-[200px]",
-                data.length > 0 && "hawa-overflow-y-scroll"
+                data.length > 0 && "hawa-overflow-y-auto"
               )
             },
             data.map((item, i) => /* @__PURE__ */ React13.createElement(

package/dist/index.css

@@ -2151,12 +2151,18 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-b-2 {
   border-bottom-width: 2px;
 }
+.hawa-border-b-\[1px\] {
+  border-bottom-width: 1px;
+}
 .hawa-border-e {
   border-inline-end-width: 1px;
 }
 .hawa-border-e-2 {
   border-inline-end-width: 2px;
 }
+.hawa-border-e-\[1px\] {
+  border-inline-end-width: 1px;
+}
 .hawa-border-l {
   border-left-width: 1px;
 }
@@ -2172,6 +2178,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-r-4 {
   border-right-width: 4px;
 }
+.hawa-border-s-\[1px\] {
+  border-inline-start-width: 1px;
+}
 .hawa-border-t {
   border-top-width: 1px;
 }
@@ -2774,6 +2783,9 @@ input[type="number"]::-webkit-inner-spin-button,
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.\!hawa-font-bold {
+  font-weight: 700 !important;
+}
 .hawa-font-bold {
   font-weight: 700;
 }

package/dist/index.d.mts

@@ -26,6 +26,7 @@ import * as MenubarPrimitive from '@radix-ui/react-menubar';
 interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     clickable?: boolean;
     variant?: "default" | "neoBrutalism";
+    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>>;
@@ -596,6 +597,7 @@ type ComboboxTypes<T> = {
     isRequired?: boolean;
     onChange?: (e: any) => void;
     renderOption?: (item: T) => React$1.ReactNode;
+    renderSelected?: (item: T) => React$1.ReactNode;
 };
 declare const Combobox: React$1.ForwardRefExoticComponent<ComboboxTypes<any> & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1205,6 +1207,7 @@ type AppLayoutTypes$1 = {
     /** a custom header to replace the logoLink & logoSymbol */
     header?: React__default.ReactNode;
     design?: "default";
+    bordered?: boolean;
     /** The pages of the side drawer */
     drawerItems: AppSidebarItemProps[];
     /** The direction of the layout */

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import * as MenubarPrimitive from '@radix-ui/react-menubar';
 interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     clickable?: boolean;
     variant?: "default" | "neoBrutalism";
+    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>>;
@@ -596,6 +597,7 @@ type ComboboxTypes<T> = {
     isRequired?: boolean;
     onChange?: (e: any) => void;
     renderOption?: (item: T) => React$1.ReactNode;
+    renderSelected?: (item: T) => React$1.ReactNode;
 };
 declare const Combobox: React$1.ForwardRefExoticComponent<ComboboxTypes<any> & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1205,6 +1207,7 @@ type AppLayoutTypes$1 = {
     /** a custom header to replace the logoLink & logoSymbol */
     header?: React__default.ReactNode;
     design?: "default";
+    bordered?: boolean;
     /** The pages of the side drawer */
     drawerItems: AppSidebarItemProps[];
     /** The direction of the layout */

package/dist/index.js

@@ -276,7 +276,13 @@ var calculateLuminance = (color) => {
 
 // elements/card/Card.tsx
 var Card = React.forwardRef(
-  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+  ({
+    className,
+    variant = "default",
+    clickable = false,
+    asContainer = false,
+    ...props
+  }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -292,7 +298,7 @@ var Card = React.forwardRef(
       "div",
       {
         ref,
-        className: cn(className, variantStyles[variant]),
+        className: cn(className, !asContainer && variantStyles[variant]),
         ...props
       }
     );
@@ -3705,6 +3711,7 @@ var Combobox = React27.forwardRef(
     inputProps,
     data,
     renderOption,
+    renderSelected,
     ...props
   }, ref) => {
     var _a, _b, _c;
@@ -3719,6 +3726,9 @@ var Combobox = React27.forwardRef(
         setOpen(open2);
       }
     };
+    const selectedItem = data.find(
+      (item) => getProperty(item, valueKey) === value
+    );
     return /* @__PURE__ */ React27.createElement(
       "div",
       {
@@ -3748,10 +3758,7 @@ var Combobox = React27.forwardRef(
             props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
           )
         },
-        value ? getProperty(
-          data.find((item) => item[valueKey] === value) || {},
-          labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
+        selectedItem ? renderSelected ? renderSelected(selectedItem) : getProperty(selectedItem, labelKey) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
         /* @__PURE__ */ React27.createElement(
           "svg",
           {
@@ -3810,7 +3817,7 @@ var Combobox = React27.forwardRef(
             {
               className: cn(
                 "hawa-max-h-[200px]",
-                data.length > 0 && "hawa-overflow-y-scroll"
+                data.length > 0 && "hawa-overflow-y-auto"
               )
             },
             data.map((item, i) => /* @__PURE__ */ React27.createElement(
@@ -9016,6 +9023,7 @@ var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
   classNames,
+  bordered = true,
   design = "default",
   direction = "ltr",
   drawerSize = "md",
@@ -9079,7 +9087,8 @@ var AppLayout = ({
     {
       className: cn(
         "hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-0 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2",
-        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
+        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row",
+        bordered && "hawa-border-b-[1px]"
       )
     },
     size > 600 ? /* @__PURE__ */ import_react54.default.createElement(
@@ -9175,9 +9184,11 @@ var AppLayout = ({
     "div",
     {
       className: cn(
-        "hawa-fixed hawa-z-0 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
+        "hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
         isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14",
-        "hawa-h-[calc(100dvh)]"
+        "hawa-h-[calc(100dvh)]",
+        "hawa-bg-primary-foreground",
+        bordered ? direction === "rtl" ? "hawa-border-s-[1px]" : "hawa-border-e-[1px]" : ""
       ),
       style: {
         width: size > 600 ? openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : `${drawerSizeStyle["closed"][drawerSize]}px` : openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : "0px"
@@ -9205,7 +9216,7 @@ var AppLayout = ({
         onClick: props.onLogoClick,
         dir: direction,
         className: cn(
-          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
+          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-transition-all",
           props.onLogoClick && "hawa-cursor-pointer",
           classNames == null ? void 0 : classNames.logoContainer
         ),
@@ -9242,7 +9253,7 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all",
+          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-p-0 hawa-py-2 hawa-transition-all",
           openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"
         ),
         style: {
@@ -9276,9 +9287,8 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed  hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-bg-primary-foreground  hawa-transition-all",
-          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row",
-          "hawa-bottom-0"
+          "hawa-fixed hawa-bottom-0 hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-transition-all",
+          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row"
         ),
         style: {
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`

package/dist/index.mjs

@@ -38,7 +38,13 @@ var calculateLuminance = (color) => {
 
 // elements/card/Card.tsx
 var Card = React.forwardRef(
-  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+  ({
+    className,
+    variant = "default",
+    clickable = false,
+    asContainer = false,
+    ...props
+  }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -54,7 +60,7 @@ var Card = React.forwardRef(
       "div",
       {
         ref,
-        className: cn(className, variantStyles[variant]),
+        className: cn(className, !asContainer && variantStyles[variant]),
         ...props
       }
     );
@@ -3475,6 +3481,7 @@ var Combobox = React27.forwardRef(
     inputProps,
     data,
     renderOption,
+    renderSelected,
     ...props
   }, ref) => {
     var _a, _b, _c;
@@ -3489,6 +3496,9 @@ var Combobox = React27.forwardRef(
         setOpen(open2);
       }
     };
+    const selectedItem = data.find(
+      (item) => getProperty(item, valueKey) === value
+    );
     return /* @__PURE__ */ React27.createElement(
       "div",
       {
@@ -3518,10 +3528,7 @@ var Combobox = React27.forwardRef(
             props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
           )
         },
-        value ? getProperty(
-          data.find((item) => item[valueKey] === value) || {},
-          labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
+        selectedItem ? renderSelected ? renderSelected(selectedItem) : getProperty(selectedItem, labelKey) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
         /* @__PURE__ */ React27.createElement(
           "svg",
           {
@@ -3580,7 +3587,7 @@ var Combobox = React27.forwardRef(
             {
               className: cn(
                 "hawa-max-h-[200px]",
-                data.length > 0 && "hawa-overflow-y-scroll"
+                data.length > 0 && "hawa-overflow-y-auto"
               )
             },
             data.map((item, i) => /* @__PURE__ */ React27.createElement(
@@ -8793,6 +8800,7 @@ var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
   classNames,
+  bordered = true,
   design = "default",
   direction = "ltr",
   drawerSize = "md",
@@ -8856,7 +8864,8 @@ var AppLayout = ({
     {
       className: cn(
         "hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-0 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2",
-        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
+        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row",
+        bordered && "hawa-border-b-[1px]"
       )
     },
     size > 600 ? /* @__PURE__ */ React75.createElement(
@@ -8952,9 +8961,11 @@ var AppLayout = ({
     "div",
     {
       className: cn(
-        "hawa-fixed hawa-z-0 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
+        "hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
         isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14",
-        "hawa-h-[calc(100dvh)]"
+        "hawa-h-[calc(100dvh)]",
+        "hawa-bg-primary-foreground",
+        bordered ? direction === "rtl" ? "hawa-border-s-[1px]" : "hawa-border-e-[1px]" : ""
       ),
       style: {
         width: size > 600 ? openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : `${drawerSizeStyle["closed"][drawerSize]}px` : openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : "0px"
@@ -8982,7 +8993,7 @@ var AppLayout = ({
         onClick: props.onLogoClick,
         dir: direction,
         className: cn(
-          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
+          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-transition-all",
           props.onLogoClick && "hawa-cursor-pointer",
           classNames == null ? void 0 : classNames.logoContainer
         ),
@@ -9019,7 +9030,7 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all",
+          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-p-0 hawa-py-2 hawa-transition-all",
           openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"
         ),
         style: {
@@ -9053,9 +9064,8 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed  hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-bg-primary-foreground  hawa-transition-all",
-          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row",
-          "hawa-bottom-0"
+          "hawa-fixed hawa-bottom-0 hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-transition-all",
+          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row"
         ),
         style: {
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`

package/dist/layout/index.d.mts

@@ -98,6 +98,7 @@ type AppLayoutTypes$1 = {
     /** a custom header to replace the logoLink & logoSymbol */
     header?: React__default.ReactNode;
     design?: "default";
+    bordered?: boolean;
     /** The pages of the side drawer */
     drawerItems: AppSidebarItemProps[];
     /** The direction of the layout */

package/dist/layout/index.d.ts

@@ -98,6 +98,7 @@ type AppLayoutTypes$1 = {
     /** a custom header to replace the logoLink & logoSymbol */
     header?: React__default.ReactNode;
     design?: "default";
+    bordered?: boolean;
     /** The pages of the side drawer */
     drawerItems: AppSidebarItemProps[];
     /** The direction of the layout */

package/dist/layout/index.js

@@ -75,7 +75,13 @@ function cn(...inputs) {
 
 // elements/card/Card.tsx
 var Card = React.forwardRef(
-  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+  ({
+    className,
+    variant = "default",
+    clickable = false,
+    asContainer = false,
+    ...props
+  }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -91,7 +97,7 @@ var Card = React.forwardRef(
       "div",
       {
         ref,
-        className: cn(className, variantStyles[variant]),
+        className: cn(className, !asContainer && variantStyles[variant]),
         ...props
       }
     );
@@ -1386,6 +1392,7 @@ var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
   classNames,
+  bordered = true,
   design = "default",
   direction = "ltr",
   drawerSize = "md",
@@ -1449,7 +1456,8 @@ var AppLayout = ({
     {
       className: cn(
         "hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-0 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2",
-        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
+        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row",
+        bordered && "hawa-border-b-[1px]"
       )
     },
     size > 600 ? /* @__PURE__ */ import_react8.default.createElement(
@@ -1545,9 +1553,11 @@ var AppLayout = ({
     "div",
     {
       className: cn(
-        "hawa-fixed hawa-z-0 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
+        "hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
         isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14",
-        "hawa-h-[calc(100dvh)]"
+        "hawa-h-[calc(100dvh)]",
+        "hawa-bg-primary-foreground",
+        bordered ? direction === "rtl" ? "hawa-border-s-[1px]" : "hawa-border-e-[1px]" : ""
       ),
       style: {
         width: size > 600 ? openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : `${drawerSizeStyle["closed"][drawerSize]}px` : openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : "0px"
@@ -1575,7 +1585,7 @@ var AppLayout = ({
         onClick: props.onLogoClick,
         dir: direction,
         className: cn(
-          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
+          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-transition-all",
           props.onLogoClick && "hawa-cursor-pointer",
           classNames == null ? void 0 : classNames.logoContainer
         ),
@@ -1612,7 +1622,7 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all",
+          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-p-0 hawa-py-2 hawa-transition-all",
           openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"
         ),
         style: {
@@ -1646,9 +1656,8 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed  hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-bg-primary-foreground  hawa-transition-all",
-          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row",
-          "hawa-bottom-0"
+          "hawa-fixed hawa-bottom-0 hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-transition-all",
+          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row"
         ),
         style: {
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`

package/dist/layout/index.mjs

@@ -3,7 +3,7 @@ import {
   Sheet,
   SheetContent,
   SheetTrigger
-} from "../chunk-YAGZ6WVL.mjs";
+} from "../chunk-XZLXGXIA.mjs";
 import {
   Button,
   Card,
@@ -15,7 +15,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-XQ3GJWXB.mjs";
+} from "../chunk-MQWYXMSK.mjs";
 import {
   useBreakpoint
 } from "../chunk-UDCDD66A.mjs";
@@ -397,6 +397,7 @@ var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
   classNames,
+  bordered = true,
   design = "default",
   direction = "ltr",
   drawerSize = "md",
@@ -460,7 +461,8 @@ var AppLayout = ({
     {
       className: cn(
         "hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-0 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2",
-        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
+        isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row",
+        bordered && "hawa-border-b-[1px]"
       )
     },
     size > 600 ? /* @__PURE__ */ React5.createElement(
@@ -556,9 +558,11 @@ var AppLayout = ({
     "div",
     {
       className: cn(
-        "hawa-fixed hawa-z-0 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
+        "hawa-fixed hawa-z-0 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
         isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14",
-        "hawa-h-[calc(100dvh)]"
+        "hawa-h-[calc(100dvh)]",
+        "hawa-bg-primary-foreground",
+        bordered ? direction === "rtl" ? "hawa-border-s-[1px]" : "hawa-border-e-[1px]" : ""
       ),
       style: {
         width: size > 600 ? openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : `${drawerSizeStyle["closed"][drawerSize]}px` : openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : "0px"
@@ -586,7 +590,7 @@ var AppLayout = ({
         onClick: props.onLogoClick,
         dir: direction,
         className: cn(
-          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
+          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-transition-all",
           props.onLogoClick && "hawa-cursor-pointer",
           classNames == null ? void 0 : classNames.logoContainer
         ),
@@ -623,7 +627,7 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all",
+          "hawa-fixed hawa-bottom-14 hawa-top-14 hawa-p-0 hawa-py-2 hawa-transition-all",
           openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"
         ),
         style: {
@@ -657,9 +661,8 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed  hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-bg-primary-foreground  hawa-transition-all",
-          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row",
-          "hawa-bottom-0"
+          "hawa-fixed hawa-bottom-0 hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-transition-all",
+          direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row"
         ),
         style: {
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`

package/dist/sonner/index.js

@@ -49,11 +49,13 @@ var Sonner = ({ ...props }) => {
       toastOptions: {
         classNames: {
           toast: "group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg",
-          description: "group-[.toast]:text-muted-foreground",
+          description: "group-[.toast]:hawa-text-muted-foreground",
           actionButton: "group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground",
-          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground"
+          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground",
+          title: "!hawa-font-bold"
         }
       },
+      style: { fontFamily: "IBM Plex Sans Arabic" },
       ...props
     }
   );

package/dist/sonner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../elements/sonner/index.ts","../../elements/sonner/Sonner.tsx"],"sourcesContent":["export * from \"./Sonner\";\n","import React from \"react\";\n\nimport { Toaster as SonnerToaster, toast } from \"sonner\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      // theme={theme as SonnerProps[\"theme\"]}\n\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAElB,oBAAgD;AAQhD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE,6BAAAA,QAAA;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MAGC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":["React","SonnerToaster"]}
+{"version":3,"sources":["../../elements/sonner/index.ts","../../elements/sonner/Sonner.tsx"],"sourcesContent":["export * from \"./Sonner\";\n","import React from \"react\";\n\nimport { Toaster as SonnerToaster, toast } from \"sonner\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:hawa-text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n          title: \"!hawa-font-bold\",\n        },\n      }}\n      style={{ fontFamily: \"IBM Plex Sans Arabic\" }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAElB,oBAAgD;AAQhD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE,6BAAAA,QAAA;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,UACF,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,OAAO,EAAE,YAAY,uBAAuB;AAAA,MAC3C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":["React","SonnerToaster"]}

package/dist/sonner/index.mjs

@@ -13,11 +13,13 @@ var Sonner = ({ ...props }) => {
       toastOptions: {
         classNames: {
           toast: "group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg",
-          description: "group-[.toast]:text-muted-foreground",
+          description: "group-[.toast]:hawa-text-muted-foreground",
           actionButton: "group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground",
-          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground"
+          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground",
+          title: "!hawa-font-bold"
         }
       },
+      style: { fontFamily: "IBM Plex Sans Arabic" },
       ...props
     }
   );

package/dist/sonner/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../elements/sonner/Sonner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Toaster as SonnerToaster, toast } from \"sonner\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      // theme={theme as SonnerProps[\"theme\"]}\n\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;AAAA,OAAO,WAAW;AAElB,SAAS,WAAW,eAAe,aAAa;AAQhD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":[]}
+{"version":3,"sources":["../../elements/sonner/Sonner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Toaster as SonnerToaster, toast } from \"sonner\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:hawa-text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n          title: \"!hawa-font-bold\",\n        },\n      }}\n      style={{ fontFamily: \"IBM Plex Sans Arabic\" }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;AAAA,OAAO,WAAW;AAElB,SAAS,WAAW,eAAe,aAAa;AAQhD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,UACF,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,OAAO,EAAE,YAAY,uBAAuB;AAAA,MAC3C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":[]}

package/dist/stats/index.js

@@ -50,7 +50,13 @@ function cn(...inputs) {
 
 // elements/card/Card.tsx
 var Card = React.forwardRef(
-  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+  ({
+    className,
+    variant = "default",
+    clickable = false,
+    asContainer = false,
+    ...props
+  }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -66,7 +72,7 @@ var Card = React.forwardRef(
       "div",
       {
         ref,
-        className: cn(className, variantStyles[variant]),
+        className: cn(className, !asContainer && variantStyles[variant]),
         ...props
       }
     );