@sikka/hawa 0.2.14-beta → 0.2.17-beta

package/dist/layout/AppLayout.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import { MenuItemType } from "../elements";
+type AppLayoutTypes = {
+    design?: "default" | "bubbles" | "floating";
+    /** The pages of the side drawer */
+    drawerItems: Item[];
+    direction?: "rtl" | "ltr";
+    currentPage: string;
+    pageTitle?: string;
+    logoSymbol?: any;
+    logoLink?: string;
+    logoText?: any;
+    children?: any;
+    topBar?: boolean;
+    username?: string;
+    email?: string;
+    avatarImage?: any;
+    drawerSize?: "sm" | "md" | "large";
+    profileMenuItems?: MenuItemType[];
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    onSettingsClick?: () => void;
+    onDrawerExpand?: (e: any) => void;
+    keepDrawerOpen?: boolean;
+    DrawerFooterActions?: any;
+    clickedItem?: any;
+    texts?: {
+        expandSidebar?: string;
+        collapseSidebar?: string;
+    };
+};
+type Item = {
+    value: string;
+    label: string;
+    icon?: any;
+    subitems?: SubItem[];
+    onClick?: () => void;
+};
+type SubItem = {
+    value: string;
+    label: string;
+    icon?: any;
+    onClick?: () => void;
+};
+export declare const AppLayout: React.FunctionComponent<AppLayoutTypes>;
+export {};
+//# sourceMappingURL=AppLayout.d.ts.map

package/dist/layout/AppLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../src/layout/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAwB,YAAY,EAAW,MAAM,aAAa,CAAA;AAGzE,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAC3C,mCAAmC;IACnC,WAAW,EAAE,IAAI,EAAE,CAAA;IAEnB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IAEzB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAAA;IAClC,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,gBAAgB,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAA;IACpD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,KAAK,CAAC,EAAE;QACN,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAA;CACF,CAAA;AACD,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA2b7D,CAAA"}

package/dist/layout/AppSidebar.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface Props {
+    isOpen: boolean;
+    onClose: () => void;
+    items: {
+        label: string;
+        onClick: () => void;
+    }[];
+}
+export declare const AppSidebar: React.FC<Props>;
+export {};
+//# sourceMappingURL=AppSidebar.d.ts.map

package/dist/layout/AppSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../src/layout/AppSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,KAAK;IACb,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAA;CAChD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8BtC,CAAA"}

package/dist/layout/Banner.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+type BannerTypes = {
+    showBanner?: boolean;
+    direction?: "rtl" | "ltr";
+    logoURL?: string;
+    title?: string;
+    text?: string;
+    actionText?: string;
+    onActionClick?: () => void;
+    position?: "top" | "bottom";
+    design: "default" | "floating";
+};
+export declare const HawaBanner: FC<BannerTypes>;
+export {};
+//# sourceMappingURL=Banner.d.ts.map

package/dist/layout/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/layout/Banner.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAA;AAInD,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,MAAM,EAAE,SAAS,GAAG,UAAU,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAuGtC,CAAA"}

package/dist/layout/Box.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const Box: (props: any) => React.JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

package/dist/layout/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,GAAG,UAAW,GAAG,sBAE7B,CAAA"}

package/dist/layout/Footer.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+type FooterTypes = {
+    logoText?: string;
+    logoURL?: string;
+    copyRights?: string;
+    variation?: "default" | "minimal";
+    socialLinks?: {
+        twitter?: string;
+        instagram?: string;
+        tiktok?: string;
+        snapchat?: string;
+    };
+    footerLinks?: {
+        title: string;
+        pages: {
+            label: string;
+            link: string;
+        }[];
+    }[];
+};
+export declare const Footer: React.FunctionComponent<FooterTypes>;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/dist/layout/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/layout/Footer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;SACb,EAAE,CAAA;KACJ,EAAE,CAAA;CACJ,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAkFvD,CAAA"}

package/dist/layout/HawaAppLayout.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+type HawaAppLayoutTypes = {
+    drawerItems: {
+        label: string;
+        icon: any;
+        slug: string;
+        action: () => void;
+        subItems?: any;
+    }[][];
+    direction?: "rtl" | "ltr";
+    currentPage: string;
+    pageTitle?: string;
+    logoSymbol?: any;
+    logoLink?: string;
+    logoText?: any;
+    children?: any;
+    topBar?: boolean;
+    username?: string;
+    email?: string;
+    drawerSize?: "sm" | "md" | "large";
+    profileMenuItems?: MenuItems[][];
+    onSettingsClick?: () => void;
+};
+type MenuItems = {
+    icon?: JSX.Element;
+    label: string;
+    action?: (e: any) => void;
+    isButton?: boolean;
+};
+export declare const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes>;
+export {};
+//# sourceMappingURL=HawaAppLayout.d.ts.map

package/dist/layout/HawaAppLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HawaAppLayout.d.ts","sourceRoot":"","sources":["../../src/layout/HawaAppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAS1D,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,GAAG,CAAA;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;KACf,EAAE,EAAE,CAAA;IACL,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAAA;IAClC,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,CAAA;IAChC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAED,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAwerE,CAAA"}

package/dist/layout/HawaAppLayoutSimplified.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { MenuItemType } from "../elements";
+type HawaAppLayoutTypes = {
+    /** The pages of the side drawer */
+    drawerItems: {
+        label: string;
+        icon: any;
+        slug: string;
+        action: () => void;
+        subItems?: any;
+    }[][];
+    direction?: "rtl" | "ltr";
+    currentPage: string;
+    pageTitle?: string;
+    logoSymbol?: any;
+    logoLink?: string;
+    logoText?: any;
+    children?: any;
+    topBar?: boolean;
+    username?: string;
+    email?: string;
+    drawerSize?: "sm" | "md" | "large";
+    profileMenuItems?: MenuItemType[];
+    onSettingsClick?: () => void;
+    DrawerFooterActions?: any;
+    texts?: {
+        expandSidebar?: string;
+        collapseSidebar?: string;
+    };
+};
+export declare const HawaAppLayoutSimplified: React.FunctionComponent<HawaAppLayoutTypes>;
+export {};
+//# sourceMappingURL=HawaAppLayoutSimplified.d.ts.map

package/dist/layout/HawaAppLayoutSimplified.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HawaAppLayoutSimplified.d.ts","sourceRoot":"","sources":["../../src/layout/HawaAppLayoutSimplified.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAI1D,OAAO,EAAwB,YAAY,EAAW,MAAM,aAAa,CAAA;AAEzE,KAAK,kBAAkB,GAAG;IACxB,mCAAmC;IACnC,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,GAAG,CAAA;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;KACf,EAAE,EAAE,CAAA;IAEL,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IAEzB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAAA;IAClC,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,KAAK,CAAC,EAAE;QACN,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAC3D,kBAAkB,CAwdnB,CAAA"}

package/dist/layout/HawaBottomAppBar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type BottomAppBarTypes = {
+    sx: any;
+    color: any;
+    appBarContent: any;
+};
+export declare const HawaBottomAppBar: React.FunctionComponent<BottomAppBarTypes>;
+export {};
+//# sourceMappingURL=HawaBottomAppBar.d.ts.map

package/dist/layout/HawaBottomAppBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HawaBottomAppBar.d.ts","sourceRoot":"","sources":["../../src/layout/HawaBottomAppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,GAAG,CAAA;IACP,KAAK,EAAE,GAAG,CAAA;IACV,aAAa,EAAE,GAAG,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA+CvE,CAAA"}

package/dist/layout/HawaContainer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type ContainerTypes = {
+    maxWidth?: "full" | "small" | "normal";
+    children: React.ReactNode;
+    variant?: "contained" | "outlined" | "neobrutalism";
+    direction?: "rtl" | "ltr";
+    centered?: boolean;
+};
+export declare const HawaContainer: React.FunctionComponent<ContainerTypes>;
+export {};
+//# sourceMappingURL=HawaContainer.d.ts.map

package/dist/layout/HawaContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HawaContainer.d.ts","sourceRoot":"","sources":["../../src/layout/HawaContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,CAAA;IACnD,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAgCjE,CAAA"}

package/dist/layout/HawaGrid.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type GridTypes = {
+    children?: any;
+};
+export declare const HawaGrid: FC<GridTypes>;
+export {};
+//# sourceMappingURL=HawaGrid.d.ts.map

package/dist/layout/HawaGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HawaGrid.d.ts","sourceRoot":"","sources":["../../src/layout/HawaGrid.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjC,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,SAAS,CAOlC,CAAA"}

package/dist/layout/HawaSiteLayout.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+type HawaSiteLayoutTypes = {
+    navItems: {
+        label: string;
+        icon: any;
+        slug: string;
+        action: () => void;
+        subItems?: any;
+    }[];
+    direction?: "rtl" | "ltr";
+    currentPage: string;
+    pageTitle?: string;
+    logoSymbol?: any;
+    logoLink?: string;
+    logoText?: any;
+    children?: any;
+    stickyNav?: boolean;
+    topBar?: boolean;
+    navigationSize?: "sm" | "md" | "lg";
+    floating?: boolean;
+};
+export declare const HawaSiteLayout: React.FunctionComponent<HawaSiteLayoutTypes>;
+export {};
+//# sourceMappingURL=HawaSiteLayout.d.ts.map

package/dist/layout/HawaSiteLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HawaSiteLayout.d.ts","sourceRoot":"","sources":["../../src/layout/HawaSiteLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,GAAG,CAAA;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;KACf,EAAE,CAAA;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAoIvE,CAAA"}

package/dist/layout/Sidebar.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+type Item = {
+    value: string;
+    label: string;
+    icon?: any;
+    subitems?: SubItem[];
+    onClick?: () => void;
+};
+type SubItem = {
+    value: string;
+    label: string;
+    icon?: any;
+    onClick?: () => void;
+};
+interface SidebarGroupProps {
+    title?: string;
+    items: Item[];
+    openedItem?: any;
+    setOpenedItem?: any;
+    selectedItem?: any;
+    isOpen?: boolean;
+    onItemClick?: (value: string[]) => void;
+    onSubItemClick?: (values: string[]) => void;
+    direction?: "rtl" | "ltr";
+}
+declare const SidebarGroup: React.FC<SidebarGroupProps>;
+declare const SidebarItem: React.FC<{
+    item: Item;
+    selectedItem?: any;
+    direction?: "rtl" | "ltr";
+    onItemClick?: (value: string[]) => void;
+    onSubItemClick?: (values: string[]) => void;
+    isOpen?: boolean;
+}>;
+export { SidebarGroup, SidebarItem };
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/layout/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/layout/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoE9B,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CAC1B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwC7C,CAAA;AACD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAkHA,CAAA;AACD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/layout/Sidebar2.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+type Item = {
+    value: string;
+    label: string;
+    icon?: any;
+    subitems?: Item[];
+};
+interface SidebarGroupProps {
+    title: string;
+    items: Item[];
+}
+interface SidebarRootProps {
+    children: any;
+}
+declare const SidebarRoot: React.FC<SidebarRootProps>;
+declare const SidebarGroup: React.FC<SidebarGroupProps>;
+declare const SidebarItem: React.FC<{
+    item: Item;
+}>;
+export { SidebarRoot, SidebarGroup, SidebarItem };
+//# sourceMappingURL=Sidebar2.d.ts.map

package/dist/layout/Sidebar2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar2.d.ts","sourceRoot":"","sources":["../../src/layout/Sidebar2.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA;CAClB,CAAA;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,EAAE,CAAA;CACd;AACD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,GAAG,CAAA;CACd;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAS7C,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAmCzC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/layout/index.d.ts

@@ -0,0 +1,13 @@
+export * from "./Box";
+export * from "./HawaBottomAppBar";
+export * from "./HawaSiteLayout";
+export * from "./AppLayout";
+export * from "./HawaAppLayout";
+export * from "./HawaAppLayoutSimplified";
+export * from "./HawaContainer";
+export * from "./HawaGrid";
+export * from "./AppSidebar";
+export * from "./Footer";
+export * from "./Banner";
+export * from "./Sidebar";
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AAExB,cAAc,WAAW,CAAA"}

package/dist/stories/ElementsStories/Breadcrumb.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const BreadCrumb: any;
+export declare const BreadCrumWithSeparator: any;
+export declare const BreadcrumbIconSeparator: any;
+//# sourceMappingURL=Breadcrumb.stories.d.ts.map

package/dist/stories/ElementsStories/Breadcrumb.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ElementsStories/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,IAAI,EAAE,MAAM,kBAAkB,CAAA;;AAE9C,wBAGS;AAWT,eAAO,MAAM,UAAU,KAAoB,CAAA;AAW3C,eAAO,MAAM,sBAAsB,KAAoB,CAAA;AAWvD,eAAO,MAAM,uBAAuB,KAAoB,CAAA"}

package/dist/stories/ManualStories/BlocksIntroduction.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Introduction: () => React.JSX.Element;
+//# sourceMappingURL=BlocksIntroduction.stories.d.ts.map

package/dist/stories/ManualStories/BlocksIntroduction.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlocksIntroduction.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ManualStories/BlocksIntroduction.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,uBAAuB,CAAA;;;;;;;;;;;;;;;;;;AAE9B,wBAyBC;AA4FD,eAAO,MAAM,YAAY,yBAAqB,CAAA"}

package/dist/stories/ManualStories/Customization.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Customization: () => React.JSX.Element;
+//# sourceMappingURL=Customization.stories.d.ts.map

package/dist/stories/ManualStories/Customization.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Customization.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ManualStories/Customization.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,uBAAuB,CAAA;;;;;;;;;;;;;;;;;;AAI9B,wBAyBC;AAuGD,eAAO,MAAM,aAAa,yBAAoB,CAAA"}

package/dist/stories/ManualStories/ElementsIntroduction.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Introduction: () => React.JSX.Element;
+//# sourceMappingURL=ElementsIntroduction.stories.d.ts.map

package/dist/stories/ManualStories/ElementsIntroduction.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementsIntroduction.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ManualStories/ElementsIntroduction.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,uBAAuB,CAAA;;;;;;;;;;;;;;;;;;AAE9B,wBAuBC;AA8DD,eAAO,MAAM,YAAY,yBAAuB,CAAA"}

package/dist/stories/ManualStories/Installation.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Installation: () => React.JSX.Element;
+//# sourceMappingURL=Installation.stories.d.ts.map

package/dist/stories/ManualStories/Installation.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Installation.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ManualStories/Installation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,uBAAuB,CAAA;;;;;;;;;;;;;;;;;;AAG9B,wBAyBC;AAsCD,eAAO,MAAM,YAAY,yBAAmB,CAAA"}

package/dist/stories/ManualStories/LayoutIntroduction.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Introduction: () => React.JSX.Element;
+//# sourceMappingURL=LayoutIntroduction.stories.d.ts.map

package/dist/stories/ManualStories/LayoutIntroduction.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutIntroduction.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ManualStories/LayoutIntroduction.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,uBAAuB,CAAA;;;;;;;;;;;;;;;;;;AAE9B,wBA6CC;AA+ED,eAAO,MAAM,YAAY,yBAAqB,CAAA"}

package/dist/stories/ManualStories/Overview.stories.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        className: string;
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Overview: () => React.JSX.Element;
+//# sourceMappingURL=Overview.stories.d.ts.map

package/dist/stories/ManualStories/Overview.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ManualStories/Overview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,uBAAuB,CAAA;;;;;;;;;;;;;;;;;;;AAG9B,wBAwBC;AA4FD,eAAO,MAAM,QAAQ,yBAAe,CAAA"}

package/dist/stories/ManualStories/Usage.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+declare const _default: {
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Usage: () => React.JSX.Element;
+//# sourceMappingURL=Usage.stories.d.ts.map

package/dist/stories/ManualStories/Usage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Usage.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ManualStories/Usage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,uBAAuB,CAAA;;;;;;;;;;;;;;;;;;AAG9B,wBAyBC;AA4DD,eAAO,MAAM,KAAK,yBAAY,CAAA"}

package/dist/util.d.ts

@@ -0,0 +1,11 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+type Palette = {
+    name: string;
+    colors: {
+        [key: number]: string;
+    };
+};
+declare function getPallette(baseColor: string): Palette;
+export { getPallette };
+//# sourceMappingURL=util.d.ts.map

package/dist/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KACtB,CAAA;CACF,CAAA;AAuED,iBAAS,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAgC/C;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/package.json

@@ -1,15 +1,28 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.2.14-beta",
+  "version": "0.2.17-beta",
   "description": "Modern UI Kit made with Tailwind & Radix Primitives",
-  "main": "dist/lib/index.js",
-  "module": "dist/es/index.mjs",
   "license": "MIT",
   "author": {
     "name": "Sikka Software",
     "email": "contact@sikka.io",
     "url": "http://sikka.io"
   },
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "keywords": [
     "ui",
     "saas",
@@ -35,6 +48,7 @@
     "build-up": "tsup src/index.ts --format cjs,esm --dts",
     "build-lib": "rollup -c",
     "build:styles": " node tools/build-styles",
+    "build-vite": "vite build",
     "chromatic": "npx chromatic --project-token=chpt_9c33d11ef14064f --output-dir ./landing/public/docs"
   },
   "devDependencies": {
@@ -60,6 +74,7 @@
     "@swc/core": "^1.3.53",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react": "^4.0.4",
     "babel-loader": "^8.2.2",
     "chromatic": "^6.22.0",
     "framer-motion": "^4.1.7",
@@ -78,6 +93,7 @@
     "recharts": "^2.8.0",
     "rollup": "^2.38.4",
     "rollup-plugin-cleaner": "^1.0.0",
+    "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-preserve-directives": "^0.2.0",
@@ -90,6 +106,8 @@
     "tslib": "^2.4.1",
     "tsup": "^7.2.0",
     "typescript": "^4.8.4",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^3.5.4",
     "webpack": "^5.75.0"
   },
   "resolutions": {

package/dist/es/_virtual/index.js

@@ -1 +0,0 @@
-var r={exports:{}};export{r};