@sikka/hawa 0.2.6-beta → 0.2.7-beta

package/lib/src/elements/UserReferralSource.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react/index.js"),r=require("../../node_modules/clsx/dist/clsx.m.js"),a=require("./Button.js"),o=require("./HawaRadio.js"),l=require("./Card.js"),s=require("./Textarea.js"),i=require("../../_virtual/index.js");exports.UserReferralSource=function(n){var u=n.position,c=void 0===u?"bottom-right":u,d=e.__rest(n,["position"]),m=i.react.exports.useState(!1),f=m[0],x=m[1],p=i.react.exports.useState(!1);p[0],p[1];var v=i.react.exports.useState(null);v[0],v[1];var g=i.react.exports.useState(5),b=g[0],h=g[1],E=i.react.exports.useRef(null);i.react.exports.useEffect((function(){var e=setTimeout((function(){b>=0&&h(b-1)}),1e3);return function(){clearTimeout(e)}}),[b]);return t.createElement(l.Card,{ref:E,className:r.clsx("fixed bottom-4 p-0 ",{"bottom-right":"right-4","bottom-left":"left-4"}[c])},t.createElement("button",{type:"button",className:"absolute right-2 top-2 inline-flex h-8 w-8 rounded p-1.5 text-gray-400 transition-all hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white","data-dismiss-target":"#toast-default","aria-label":"Close",onClick:function(){return x(!0),void setTimeout((function(){E.current.removeChild(E.current.children[0])}),200)}},t.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))),t.createElement(l.CardContent,{headless:!0},t.createElement("div",{className:r.clsx("flex flex-col gap-4",f?"opacity-0":"opacity-100")},t.createElement("div",{className:"mt-4 font-bold"},d.question),t.createElement("div",{className:"flex w-full flex-row gap-1 rounded "},t.createElement(o.HawaRadio,{orientation:"vertical",options:d.options})),t.createElement("div",null,t.createElement(s.Textarea,null))),t.createElement(a.Button,{className:"mt-4 w-full"},"Submit")))};

package/lib/src/elements/index.d.ts

@@ -0,0 +1,68 @@
+export * from "./HawaCheckbox";
+export * from "./HawaPanelTabs";
+export * from "./HawaChip";
+export * from "./HawaIconCount";
+export * from "./HawaSettingsRow";
+export * from "./HawaSelect";
+export * from "./HawaRange";
+export * from "./HawaTypography";
+export * from "./HawaAlert";
+export * from "./HawaTable";
+export * from "./HawaColorPicker";
+export * from "./HawaSearchBar";
+export * from "./HawaAccordion";
+export * from "./HawaPhoneInput";
+export * from "./HawaTabs";
+export * from "./HawaModal";
+export * from "./HawaMenu";
+export * from "./HawaCopyrights";
+export * from "./HawaStepper";
+export * from "./HawaStats";
+export * from "./HawaCodeBlock";
+export * from "./HawaLoading";
+export * from "./HawaRadio";
+export * from "./HawaDatepicker";
+export * from "./DragDropImages";
+export * from "./DraggableCard";
+export * from "./Breadcrumb";
+export * from "./SubsectionList";
+export * from "./UsageCard";
+export * from "./InvoiceAccordion";
+export * from "./FeedbackRating";
+export * from "./FeedbackByEmoji";
+export * from "./ArrowCarousel";
+export * from "./FloatingComment";
+export * from "./FloatingCommentSlate";
+export * from "./FloatingCommentExec";
+export * from "./BackToTop";
+export * from "./HawaInlineCode";
+export * from "./Timeline";
+export * from "./HawaTextField";
+export * from "./HawaPinInput";
+export * from "./HawaItemCard";
+export * from "./HawaPricingCard";
+export * from "./HawaAdCard";
+export * from "./HawaLandingCard";
+export * from "./HawaButton";
+export * from "./HawaStoreButtons";
+export * from "./ActionCard";
+export * from "./StickyFeatures";
+export * from "./UserReferralSource";
+export * from "./Icons";
+export * from "./Button";
+export * from "./Carousel";
+export * from "./Label";
+export * from "./Input";
+export * from "./Tooltip";
+export * from "./Card";
+export * from "./Skeleton";
+export * from "./InterfaceSettings";
+export * from "./DropdownMenu";
+export * from "./Popover";
+export * from "./Tabs";
+export * from "./Textarea";
+export * from "./Separator";
+export * from "./Toast";
+export * from "./Toaster";
+export * from "./Switch";
+export * from "./Dialog";

package/lib/src/hooks/index.d.ts

@@ -0,0 +1,13 @@
+export * from "./useDiscloser";
+export * from "./useHover";
+export * from "./useToast";
+export * from "./useCarousel";
+export * from "./useClipboard";
+export * from "./useBreakpoint";
+export * from "./useFocusWithin";
+export * from "./useMediaQuery";
+export * from "./useScrollPosition";
+export * from "./useTable";
+export * from "./useTabs";
+export * from "./useWindowEvent";
+export * from "./useWindowScroll";

package/lib/src/hooks/useBreakpoint.d.ts

@@ -0,0 +1,2 @@
+declare const useBreakpoint: () => number;
+export default useBreakpoint;

package/lib/src/hooks/useBreakpoint.js

@@ -0,0 +1 @@
+"use strict";require("../../node_modules/react/index.js");var n=require("../../_virtual/index.js");module.exports=function(){var e=n.react.exports.useState(null===window||void 0===window?void 0:window.innerWidth),i=e[0],o=e[1],d=function(){o(null===window||void 0===window?void 0:window.innerWidth)};return n.react.exports.useEffect((function(){if("undefined"!=typeof window)return null===window||void 0===window||window.addEventListener("resize",d),function(){null===window||void 0===window||window.removeEventListener("resize",d)}}),[]),i};

package/lib/src/hooks/useCarousel.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const useCarousel: (imageWidth: number) => {
+    containerRef: import("react").MutableRefObject<HTMLDivElement>;
+    handleMouseDown: (e: React.MouseEvent<HTMLDivElement>) => void;
+    handleMouseLeave: () => void;
+    handleMouseUp: () => void;
+    handleMouseMove: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+export default useCarousel;

package/lib/src/hooks/useCarousel.js

@@ -0,0 +1 @@
+"use strict";require("../../node_modules/react/index.js");var e=require("../../_virtual/index.js");module.exports=function(t){var r=e.react.exports.useState(!1),n=r[0],o=r[1],u=e.react.exports.useState(0),s=u[0],a=u[1],c=e.react.exports.useState(0),f=c[0],l=c[1],i=e.react.exports.useRef(null),d=function(){o(!1);var e=function(e){return Math.round(e/t)*t}(i.current.scrollLeft);i.current.scrollTo({left:e,behavior:"smooth"})};return{containerRef:i,handleMouseDown:function(e){o(!0),a(e.pageX-i.current.offsetLeft),l(i.current.scrollLeft)},handleMouseLeave:function(){n&&d()},handleMouseUp:function(){n&&d()},handleMouseMove:function(e){if(n){e.preventDefault();var t=e.pageX-i.current.offsetLeft-s;i.current.scrollLeft=f-t}}}};

package/lib/src/hooks/useClipboard.d.ts

@@ -0,0 +1,8 @@
+export declare function useClipboard({ timeout }?: {
+    timeout?: number;
+}): {
+    copy: (valueToCopy: any) => void;
+    reset: () => void;
+    error: Error;
+    copied: boolean;
+};

package/lib/src/hooks/useClipboard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../node_modules/react/index.js");var e=require("../../_virtual/index.js");exports.useClipboard=function(r){var t=(void 0===r?{}:r).timeout,o=void 0===t?2e3:t,i=e.react.exports.useState(null),n=i[0],u=i[1],a=e.react.exports.useState(!1),c=a[0],s=a[1],l=e.react.exports.useState(null),d=l[0],p=l[1];return{copy:function(e){"clipboard"in navigator?navigator.clipboard.writeText(e).then((function(){return e=!0,clearTimeout(d),p(setTimeout((function(){return s(!1)}),o)),void s(e);var e})).catch((function(e){return u(e)})):u(new Error("useClipboard: navigator.clipboard is not supported"))},reset:function(){s(!1),u(null),clearTimeout(d)},error:n,copied:c}};

package/lib/src/hooks/useDiscloser.d.ts

@@ -0,0 +1,7 @@
+type TUseDiscloser = {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+};
+declare const useDiscloser: (value?: boolean) => TUseDiscloser;
+export default useDiscloser;

package/lib/src/hooks/useDiscloser.js

@@ -0,0 +1 @@
+"use strict";require("../../node_modules/react/index.js");var e=require("../../_virtual/index.js");module.exports=function(r){void 0===r&&(r=!1);var n=e.react.exports.useState(r),t=n[0],u=n[1];return{isOpen:t,onOpen:function(){return u(!0)},onClose:function(){return u(!1)}}};

package/lib/src/hooks/useFocusWithin.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface UseFocusWithinOptions {
+    onFocus?(event: FocusEvent): void;
+    onBlur?(event: FocusEvent): void;
+}
+export declare function useFocusWithin<T extends HTMLElement = any>({ onBlur, onFocus, }?: UseFocusWithinOptions): {
+    ref: React.MutableRefObject<T>;
+    focused: boolean;
+};

package/lib/src/hooks/useFocusWithin.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../node_modules/react/index.js");var e=require("../../_virtual/index.js");function t(e,t){return null!=t&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?!!t[Symbol.hasInstance](e):e instanceof t}exports.useFocusWithin=function(n){var r=void 0===n?{}:n,u=r.onBlur,o=r.onFocus,c=e.react.exports.useRef(),s=e.react.exports.useState(!1),i=s[0],a=s[1],f=e.react.exports.useRef(!1),l=function(e){a(e),f.current=e},d=function(e){f.current||(l(!0),null==o||o(e))},v=function(e){f.current&&!function(e){return!(!t(e.currentTarget,HTMLElement)||!t(e.relatedTarget,HTMLElement))&&e.currentTarget.contains(e.relatedTarget)}(e)&&(l(!1),null==u||u(e))};return e.react.exports.useEffect((function(){if(c.current)return c.current.addEventListener("focusin",d),c.current.addEventListener("focusout",v),function(){var e,t;null===(e=c.current)||void 0===e||e.removeEventListener("focusin",d),null===(t=c.current)||void 0===t||t.removeEventListener("focusout",v)}}),[d,v]),{ref:c,focused:i}};

package/lib/src/hooks/useFullscreen.d.ts

@@ -0,0 +1,5 @@
+export declare function useFullscreen<T extends HTMLElement = any>(): {
+    readonly ref: (element: T | null) => void;
+    readonly toggle: () => Promise<void>;
+    readonly fullscreen: boolean;
+};

package/lib/src/hooks/useHover.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function useHover(): (boolean | React.MutableRefObject<any>)[];
+export default useHover;

package/lib/src/hooks/useMediaQuery.d.ts

@@ -0,0 +1,4 @@
+export interface UseMediaQueryOptions {
+    getInitialValueInEffect: boolean;
+}
+export declare function useMediaQuery(query: string, initialValue?: boolean, { getInitialValueInEffect }?: UseMediaQueryOptions): boolean;

package/lib/src/hooks/useMediaQuery.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../node_modules/react/index.js");var e=require("../../_virtual/index.js");exports.useMediaQuery=function(t,n,r){var i=(void 0===r?{getInitialValueInEffect:!0}:r).getInitialValueInEffect,u=e.react.exports.useState(i?n:function(e,t){return"boolean"==typeof t?t:"undefined"!=typeof window&&"matchMedia"in window&&window.matchMedia(e).matches}(t,n)),a=u[0],c=u[1],o=e.react.exports.useRef();return e.react.exports.useEffect((function(){if("matchMedia"in window)return o.current=window.matchMedia(t),c(o.current.matches),function(e,t){try{return e.addEventListener("change",t),function(){return e.removeEventListener("change",t)}}catch(n){return e.addListener(t),function(){return e.removeListener(t)}}}(o.current,(function(e){return c(e.matches)}))}),[t]),a};

package/lib/src/hooks/useScrollPosition.d.ts

@@ -0,0 +1,2 @@
+declare function useScrollPosition(ref: any): number;
+export default useScrollPosition;

package/lib/src/hooks/useTable.d.ts

@@ -0,0 +1,5 @@
+declare const useTable: (data: any, page: any, rowsPerPage: any, sortColumn: any, sortDirection: any) => {
+    slice: any[];
+    range: any[];
+};
+export default useTable;

package/lib/src/hooks/useTable.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var r=require("../../_virtual/index.js");module.exports=function(t,n,u,a,s){var o=r.react.exports.useState([]),i=o[0],l=o[1],c=r.react.exports.useState([]),v=c[0],d=c[1];return r.react.exports.useEffect((function(){if(t){var r=function(e,r){for(var t=[],n=Math.ceil((null==e?void 0:e.length)/r),u=1;u<=n;u++)t.push(u);return t}(t,u);l(e.__spreadArray([],r,!0));var o=function(e,r,t){return null!==r?null==e?void 0:e.sort((function(e,n){var u=e[r].value,a=n[r].value;return"string"==typeof u&&"string"==typeof a?"asc"===t?u.localeCompare(a):a.localeCompare(u):"asc"===t?u-a:a-u})):e}(t,a,s),i=function(e,r,t){return null==e?void 0:e.slice((r-1)*t,r*t)}(o,n,u);d(e.__spreadArray([],i,!0))}}),[t,l,n,u,a,s]),{slice:v,range:i}};

package/lib/src/hooks/useTabs.d.ts

@@ -0,0 +1,5 @@
+declare function useTabs(initialTab?: string): {
+    activeTab: string;
+    handleTabChange: (index: any) => void;
+};
+export { useTabs };

package/lib/src/hooks/useTabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../node_modules/react/index.js");var e=require("../../_virtual/index.js");exports.useTabs=function(n){void 0===n&&(n="");var t=e.react.exports.useState(n),r=t[0],a=t[1];return e.react.exports.useEffect((function(){var e=function(){var e=window.location.hash.substring(1);a(e||n)};return window.addEventListener("hashchange",e),e(),function(){window.removeEventListener("hashchange",e)}}),[n]),{activeTab:r,handleTabChange:function(e){a(e),window.location.hash=e}}};

package/lib/src/hooks/useToast.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import type { ToastActionElement, ToastProps } from "../elements/Toast";
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    severity?: "info" | "warning" | "error" | "success" | "none";
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };

package/lib/src/hooks/useToast.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var t=require("../../_virtual/index.js"),e=0;var n=new Map,a=function(s){if(!n.has(s)){var t=setTimeout((function(){n.delete(s),_({type:"REMOVE_TOAST",toastId:s})}),1e5);n.set(s,t)}},i=function(t,e){switch(e.type){case"ADD_TOAST":return s.__assign(s.__assign({},t),{toasts:s.__spreadArray([e.toast],t.toasts,!0).slice(0,5)});case"UPDATE_TOAST":return s.__assign(s.__assign({},t),{toasts:t.toasts.map((function(t){return t.id===e.toast.id?s.__assign(s.__assign({},t),e.toast):t}))});case"DISMISS_TOAST":var n=e.toastId;return n?a(n):t.toasts.forEach((function(s){a(s.id)})),s.__assign(s.__assign({},t),{toasts:t.toasts.map((function(t){return t.id===n||void 0===n?s.__assign(s.__assign({},t),{open:!1}):t}))});case"REMOVE_TOAST":return void 0===e.toastId?s.__assign(s.__assign({},t),{toasts:[]}):s.__assign(s.__assign({},t),{toasts:t.toasts.filter((function(s){return s.id!==e.toastId}))})}},r=[],o={toasts:[]};function _(s){o=i(o,s),r.forEach((function(s){s(o)}))}function u(t){var n=s.__rest(t,[]),a=(e=(e+1)%Number.MAX_VALUE).toString(),i=function(){return _({type:"DISMISS_TOAST",toastId:a})};return _({type:"ADD_TOAST",toast:s.__assign(s.__assign({},n),{id:a,open:!0,onOpenChange:function(s){s||i()}})}),{id:a,dismiss:i,update:function(t){return _({type:"UPDATE_TOAST",toast:s.__assign(s.__assign({},t),{id:a})})}}}exports.reducer=i,exports.toast=u,exports.useToast=function(){var e=t.react.exports.useState(o),n=e[0],a=e[1];return t.react.exports.useEffect((function(){return r.push(a),function(){var s=r.indexOf(a);s>-1&&r.splice(s,1)}}),[n]),s.__assign(s.__assign({},n),{toast:u,dismiss:function(s){return _({type:"DISMISS_TOAST",toastId:s})}})};

package/lib/src/hooks/useWindowEvent.d.ts

@@ -0,0 +1 @@
+export declare function useWindowEvent<K extends string = keyof WindowEventMap>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;

package/lib/src/hooks/useWindowEvent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../node_modules/react/index.js");var e=require("../../_virtual/index.js");exports.useWindowEvent=function(r,t,n){e.react.exports.useEffect((function(){return window.addEventListener(r,t,n),function(){return window.removeEventListener(r,t,n)}}),[r,t])};

package/lib/src/hooks/useWindowScroll.d.ts

@@ -0,0 +1,7 @@
+interface ScrollPosition {
+    x: number;
+    y: number;
+}
+declare function scrollTo({ x, y }: Partial<ScrollPosition>): void;
+export declare function useWindowScroll(): readonly [ScrollPosition, typeof scrollTo];
+export {};

package/lib/src/hooks/useWindowScroll.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../node_modules/react/index.js");var e=require("./useWindowEvent.js"),n=require("../../_virtual/index.js");function t(){return"undefined"!=typeof window?{x:window.pageXOffset,y:window.pageYOffset}:{x:0,y:0}}function r(e){var n=e.x,t=e.y;if("undefined"!=typeof window){var r={behavior:"smooth"};"number"==typeof n&&(r.left=n),"number"==typeof t&&(r.top=t),window.scrollTo(r)}}exports.useWindowScroll=function(){var o=n.react.exports.useState({x:0,y:0}),i=o[0],u=o[1];return e.useWindowEvent("scroll",(function(){return u(t())})),e.useWindowEvent("resize",(function(){return u(t())})),n.react.exports.useEffect((function(){u(t())}),[]),[i,r]};

package/lib/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./elements";
+export * from "./layout";
+export * from "./blocks";
+export * from "./hooks";

package/lib/src/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./elements/HawaCheckbox.js"),r=require("./elements/HawaPanelTabs.js"),a=require("./elements/HawaChip.js"),o=require("./elements/HawaIconCount.js"),t=require("./elements/HawaSettingsRow.js"),s=require("./elements/HawaSelect.js"),i=require("./elements/HawaRange.js"),n=require("./elements/HawaTypography.js"),l=require("./elements/HawaAlert.js"),p=require("./elements/HawaTable.js"),u=require("./elements/HawaColorPicker.js"),m=require("./elements/HawaSearchBar.js"),c=require("./elements/HawaAccordion.js"),x=require("./elements/HawaPhoneInput.js"),w=require("./elements/HawaTabs.js"),d=require("./elements/HawaModal.js"),H=require("./elements/HawaMenu.js"),j=require("./elements/HawaCopyrights.js"),q=require("./elements/HawaStepper.js"),C=require("./elements/HawaStats.js"),g=require("./elements/HawaCodeBlock.js"),S=require("./elements/HawaLoading.js"),b=require("./elements/HawaRadio.js"),T=require("./elements/HawaDatepicker.js"),k=require("./elements/DragDropImages.js"),F=require("./elements/DraggableCard.js");require("../node_modules/react/index.js");var P=require("./elements/SubsectionList.js"),y=require("./elements/UsageCard.js"),h=require("./elements/InvoiceAccordion.js"),A=require("./elements/FeedbackRating.js"),I=require("./elements/FeedbackByEmoji.js"),B=require("./elements/ArrowCarousel.js"),D=require("./elements/FloatingComment.js"),L=require("./elements/FloatingCommentSlate.js"),f=require("./elements/FloatingCommentExec.js"),R=require("./elements/BackToTop.js"),M=require("./elements/HawaInlineCode.js"),W=require("./elements/Timeline.js"),E=require("./elements/HawaTextField.js"),U=require("./elements/HawaPinInput.js"),v=require("./elements/HawaItemCard.js"),N=require("./elements/HawaPricingCard.js"),G=require("./elements/HawaAdCard.js"),V=require("./elements/HawaLandingCard.js"),z=require("./elements/HawaButton.js"),Q=require("./elements/HawaStoreButtons.js"),_=require("./elements/ActionCard.js"),O=require("./elements/StickyFeatures.js"),J=require("./elements/UserReferralSource.js"),K=require("./elements/Icons.js"),X=require("./elements/Button.js"),Y=require("./elements/Carousel.js"),Z=require("./elements/Label.js"),$=require("./elements/Input.js"),ee=require("./elements/Tooltip.js"),re=require("./elements/Card.js"),ae=require("./elements/Skeleton.js"),oe=require("./elements/InterfaceSettings.js"),te=require("./elements/DropdownMenu.js"),se=require("./elements/Popover.js"),ie=require("./elements/Tabs.js"),ne=require("./elements/Textarea.js"),le=require("./elements/Separator.js"),pe=require("./elements/Toast.js"),ue=require("./elements/Toaster.js"),me=require("./elements/Switch.js"),ce=require("./elements/Dialog.js"),xe=require("./layout/Box.js"),we=require("./layout/HawaBottomAppBar.js"),de=require("./layout/HawaSiteLayout.js"),He=require("./layout/AppLayout.js"),je=require("./layout/HawaAppLayout.js"),qe=require("./layout/HawaAppLayoutSimplified.js"),Ce=require("./layout/HawaContainer.js"),ge=require("./layout/HawaGrid.js"),Se=require("./layout/AppSidebar.js"),be=require("./layout/Footer.js"),Te=require("./layout/Banner.js"),ke=require("./layout/Sidebar.js"),Fe=require("./blocks/Account/UserProfileForm.js"),Pe=require("./blocks/Account/UserSettingsForm.js"),ye=require("./blocks/AuthForms/AppLanding.js"),he=require("./blocks/AuthForms/SignInPhone.js"),Ae=require("./blocks/AuthForms/SignInForm.js"),Ie=require("./blocks/AuthForms/SignInBlock.js"),Be=require("./blocks/AuthForms/SignUpForm.js"),De=require("./blocks/AuthForms/NewPasswordForm.js"),Le=require("./blocks/AuthForms/ResetPasswordForm.js"),fe=require("./blocks/AuthForms/CodeConfirmation.js"),Re=require("./blocks/AuthForms/CheckEmail.js"),Me=require("./blocks/Payment/SelectPayment.js"),We=require("./blocks/Payment/CreditCardForm.js"),Ee=require("./blocks/Payment/ChargeWalletForm.js"),Ue=require("./blocks/Payment/PayWithWallet.js"),ve=require("./blocks/Payment/CheckoutForm.js"),Ne=require("./blocks/Payment/Confirmation.js"),Ge=require("./blocks/Pricing/PricingPlans.js"),Ve=require("./blocks/Pricing/ComparingPlans.js"),ze=require("./blocks/Pricing/HorizontalPricing.js"),Qe=require("./blocks/Referral/ReferralAccount.js"),_e=require("./blocks/Referral/ReferralSettlement.js"),Oe=require("./blocks/Referral/ReferralStats.js"),Je=require("./blocks/Misc/NotFound.js"),Ke=require("./blocks/Misc/EmptyState.js"),Xe=require("./blocks/Misc/Testimonial.js"),Ye=require("./blocks/Misc/LeadGenerator.js"),Ze=require("./blocks/Misc/Announcement.js"),$e=require("./blocks/Misc/NoPermission.js"),er=require("./hooks/useToast.js"),rr=require("./hooks/useClipboard.js"),ar=require("./hooks/useFocusWithin.js"),or=require("./hooks/useMediaQuery.js"),tr=require("./hooks/useTabs.js"),sr=require("./hooks/useWindowEvent.js"),ir=require("./hooks/useWindowScroll.js");exports.HawaCheckbox=e.HawaCheckbox,exports.HawaPanelTabs=r.HawaPanelTabs,exports.HawaChip=a.HawaChip,exports.HawaIconCount=o.HawaIconCount,exports.HawaSettingsRow=t.HawaSettingsRow,exports.HawaSelect=s.HawaSelect,exports.HawaRange=i.HawaRange,exports.HawaTypography=n.HawaTypography,exports.HawaAlert=l.HawaAlert,exports.HawaTable=p.HawaTable,exports.HawaColorPicker=u.HawaColorPicker,exports.HawaSearchBar=m.HawaSearchBar,exports.HawaAccordion=c.HawaAccordion,exports.HawaPhoneInput=x.HawaPhoneInput,exports.HawaTabs=w.HawaTabs,exports.HawaModal=d.HawaModal,exports.HawaMenu=H.HawaMenu,exports.HawaCopyrights=j.HawaCopyrights,exports.HawaStepper=q.HawaStepper,exports.HawaStats=C.HawaStats,exports.HawaCodeBlock=g.HawaCodeBlock,exports.HawaLoading=S.HawaLoading,exports.HawaRadio=b.HawaRadio,exports.HawaDatepicker=T.HawaDatepicker,exports.DragDropImages=k.DragDropImages,exports.DraggableCard=F.DraggableCard,exports.SubsectionList=P.SubsectionList,exports.UsageCard=y.UsageCard,exports.InvoiceAccordion=h.InvoiceAccordion,exports.FeedbackRating=A.FeedbackRating,exports.FeedbackByEmoji=I.FeedbackByEmoji,exports.ArrowCarousel=B.ArrowCarousel,exports.FloatingComment=D.FloatingComment,exports.FloatingCommentSlate=L.FloatingCommentSlate,exports.FloatingCommentExec=f.FloatingCommentExec,exports.BackToTop=R.BackToTop,exports.HawaInlineCode=M.HawaInlineCode,exports.Timeline=W.Timeline,exports.HawaTextField=E.HawaTextField,exports.HawaPinInput=U.HawaPinInput,exports.HawaItemCard=v.HawaItemCard,exports.HawaPricingCard=N.HawaPricingCard,exports.HawaAdCard=G.HawaAdCard,exports.HawaLandingCard=V.HawaLandingCard,exports.HawaButton=z.HawaButton,exports.HawaStoreButtons=Q.HawaStoreButtons,exports.ActionCard=_.ActionCard,exports.StickyFeatures=O.StickyFeatures,exports.UserReferralSource=J.UserReferralSource,exports.Icons=K.Icons,exports.Button=X.Button,exports.buttonVariants=X.buttonVariants,exports.Carousel=Y.Carousel,exports.Label=Z.Label,exports.Input=$.Input,exports.Tooltip=ee.Tooltip,exports.Card=re.Card,exports.CardContent=re.CardContent,exports.CardDescription=re.CardDescription,exports.CardFooter=re.CardFooter,exports.CardHeader=re.CardHeader,exports.CardTitle=re.CardTitle,exports.Skeleton=ae.Skeleton,exports.InterfaceSettings=oe.InterfaceSettings,exports.DropdownMenu=te.DropdownMenu,exports.Popover=se.Popover,exports.Tabs=ie.Tabs,exports.TabsContent=ie.TabsContent,exports.TabsList=ie.TabsList,exports.TabsTrigger=ie.TabsTrigger,exports.Textarea=ne.Textarea,exports.Separator=le.Separator,exports.Toast=pe.Toast,exports.ToastAction=pe.ToastAction,exports.ToastClose=pe.ToastClose,exports.ToastDescription=pe.ToastDescription,exports.ToastProvider=pe.ToastProvider,exports.ToastTitle=pe.ToastTitle,exports.ToastViewport=pe.ToastViewport,exports.Toaster=ue.Toaster,exports.Switch=me.Switch,exports.Dialog=ce.Dialog,exports.DialogContent=ce.DialogContent,exports.DialogDescription=ce.DialogDescription,exports.DialogFooter=ce.DialogFooter,exports.DialogHeader=ce.DialogHeader,exports.DialogTitle=ce.DialogTitle,exports.DialogTrigger=ce.DialogTrigger,exports.Box=xe.Box,exports.HawaBottomAppBar=we.HawaBottomAppBar,exports.HawaSiteLayout=de.HawaSiteLayout,exports.AppLayout=He.AppLayout,exports.HawaAppLayout=je.HawaAppLayout,exports.HawaAppLayoutSimplified=qe.HawaAppLayoutSimplified,exports.HawaContainer=Ce.HawaContainer,exports.HawaGrid=ge.HawaGrid,exports.AppSidebar=Se.AppSidebar,exports.Footer=be.Footer,exports.HawaBanner=Te.HawaBanner,exports.SidebarGroup=ke.SidebarGroup,exports.SidebarItem=ke.SidebarItem,exports.UserProfileForm=Fe.UserProfileForm,exports.UserSettingsForm=Pe.UserSettingsForm,exports.AppLanding=ye.AppLanding,exports.SignInPhone=he.SignInPhone,exports.SignInForm=Ae.SignInForm,exports.SignInBlock=Ie.SignInBlock,exports.SignUpForm=Be.SignUpForm,exports.NewPasswordForm=De.NewPasswordForm,exports.ResetPasswordForm=Le.ResetPasswordForm,exports.CodeConfirmation=fe.CodeConfirmation,exports.CheckEmail=Re.CheckEmail,exports.SelectPayment=Me.SelectPayment,exports.CreditCardForm=We.CreditCardForm,exports.ChargeWalletForm=Ee.ChargeWalletForm,exports.PayWithWallet=Ue.PayWithWallet,exports.CheckoutForm=ve.CheckoutForm,exports.ConfirmationPage=Ne.ConfirmationPage,exports.PricingPlans=Ge.PricingPlans,exports.ComparingPlans=Ve.ComparingPlans,exports.HorizontalPricing=ze.HorizontalPricing,exports.ReferralAccount=Qe.ReferralAccount,exports.ReferralSettlement=_e.ReferralSettlement,exports.ReferralStats=Oe.ReferralStats,exports.NotFound=Je.NotFound,exports.EmptyState=Ke.EmptyState,exports.Testimonial=Xe.Testimonial,exports.LeadGenerator=Ye.LeadGenerator,exports.Announcement=Ze.Announcement,exports.NoPermission=$e.NoPermission,exports.reducer=er.reducer,exports.toast=er.toast,exports.useToast=er.useToast,exports.useClipboard=rr.useClipboard,exports.useFocusWithin=ar.useFocusWithin,exports.useMediaQuery=or.useMediaQuery,exports.useTabs=tr.useTabs,exports.useWindowEvent=sr.useWindowEvent,exports.useWindowScroll=ir.useWindowScroll;

package/lib/src/layout/AppLayout.d.ts

@@ -0,0 +1,45 @@
+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 {};

package/lib/src/layout/AppLayout.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react/index.js"),r=require("../../node_modules/clsx/dist/clsx.m.js"),l=require("../hooks/useBreakpoint.js");require("../elements/Label.js"),require("../elements/Switch.js");var a=require("../elements/Button.js"),i=require("../elements/DropdownMenu.js");require("../elements/Card.js");var o=require("../elements/Tooltip.js");require("../elements/Textarea.js"),require("../elements/Popover.js"),require("../../node_modules/react-dom/server.node.js"),require("../elements/Input.js"),require("../elements/Tabs.js"),require("../elements/Separator.js"),require("../elements/Toast.js"),require("../elements/Dialog.js");var n=require("./Sidebar.js"),c=require("../../_virtual/index.js");exports.AppLayout=function(s){var d,m,p=s.direction,u=void 0===p?"ltr":p,x=s.drawerSize,f=void 0===x?"md":x;s.onSettingsClick;var g,v=s.DrawerFooterActions,h=s.currentPage,w=s.clickedItem,E=s.design,b=void 0===E?"default":E,y=e.__rest(s,["direction","drawerSize","onSettingsClick","DrawerFooterActions","currentPage","clickedItem","design"]),j=200,k={opened:{sm:"100",md:j,lg:"250"},closed:{sm:56,md:56,lg:56}},q=c.react.exports.useRef(null),N="rtl"===u,S=c.react.exports.useState(""),B=S[0],I=S[1],z=c.react.exports.useState(h);z[0],z[1],g="undefined"!=typeof window?l():1200;var C=c.react.exports.useState((function(){return g>600&&(void 0===y.keepDrawerOpen||y.keepDrawerOpen)})),M=C[0],D=C[1],_=c.react.exports.useState(g>600),L=_[0],R=_[1],T=g>600?k[M?"opened":"closed"][f]:0;return c.react.exports.useEffect((function(){var e=function(e){!q.current||q.current.contains(e.target)||M||R(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[M]),t.createElement("div",{className:"fixed left-0"},y.topBar&&t.createElement("div",{className:r.clsx("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",N?"flex-row-reverse":"flex-row")},g>600?t.createElement("div",{className:r.clsx("dark:text-white",N?[g>600?"mr-14":"mr-2",M?"mr-40":""]:[g>600?"ml-14":"ml-2",M?"ml-40":""]),style:N?{marginRight:"".concat(k[M?"opened":"closed"][f],"px")}:{marginLeft:"".concat(k[M?"opened":"closed"][f],"px")}},y.pageTitle):t.createElement("div",{dir:u,className:"flex items-center justify-center gap-0.5"},t.createElement("div",{onClick:function(){return R(!0)},className:"z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"},t.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:0,viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"}))),y.pageTitle?t.createElement("div",{className:"text-sm"},y.pageTitle):t.createElement("div",null)),t.createElement("div",{className:r.clsx("flex gap-2 dark:text-white",N?"flex-row-reverse":"flex-row")},g>600?t.createElement("div",{className:N?"text-left text-xs":"text-right text-xs"},t.createElement("div",{className:"font-bold"},y.username)," ",t.createElement("div",null,y.email)):null,t.createElement(i.DropdownMenu,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,width:y.profileMenuWidth,direction:N?"rtl":"ltr",items:y.profileMenuItems,onItemSelect:function(e){return console.log("selecting item ",e)},trigger:t.createElement("div",{className:"relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},y.avatarImage?t.createElement("img",{src:y.avatarImage,alt:"User Avatar"}):t.createElement("svg",{"aria-label":"Avatar Icon",className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))}))),t.createElement("div",{className:r.clsx("fixed  z-40 flex  flex-col justify-between overflow-x-clip   transition-all","floating"===b?N?"right-5 top-5":"bottom-5 left-5 top-5":N?"right-0 top-0 h-full":"left-0 top-0 h-full"),style:{width:g>600?"".concat(L?k.opened[f]:k.closed[f],"px"):L?"".concat(k.opened[f],"px"):"0px"},onMouseEnter:function(){R(!0)},onMouseLeave:function(){M?R(!0):(I(""),R(!1))},ref:q},t.createElement("div",{dir:u,className:"fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center bg-primary-foreground transition-all",style:{width:"".concat(g>600?L?j:56:L?j:0,"px")}},t.createElement("img",{className:r.clsx("h-9  opacity-0 transition-all",L?"visible opacity-100":"invisible opacity-0"),src:y.logoLink}),g>600?t.createElement("img",{className:r.clsx("fixed  h-9  transition-all","floating"===b?N?"right-7.5 top-7":"left-7.5 top-7":N?"right-2.5 top-2.5":"left-2.5 top-2.5",L?"invisible opacity-0":"visible opacity-100"),src:y.logoSymbol}):null),t.createElement("div",{className:r.clsx("fixed bottom-14 bg-primary-foreground p-2 py-2 transition-all","floating"===b?"top-[76px]":"top-14",L?"overflow-auto":"overflow-hidden"),style:{height:"floating"===b?"calc(100% - 152px)":"calc(100% - 112px)",width:"".concat(g>600?L?j:56:L?j:0,"px")}},t.createElement(n.SidebarGroup,{direction:u,onItemClick:function(e){w&&w(e)},onSubItemClick:function(e){w&&w(e)},selectedItem:h,openedItem:B,setOpenedItem:function(e){return I(e)},isOpen:L,items:y.drawerItems})),t.createElement("div",{className:r.clsx("fixed  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all","rtl"===u?"flex-row-reverse":"flex-row","floating"===b?"bottom-5":"bottom-0"),style:{width:"".concat(g>600?L?j:56:L?j:0,"px")}},v&&L?t.createElement(t.Fragment,null,v):null,g>600&&L?t.createElement(o.Tooltip,{side:"left",delayDuration:500,content:M?(null===(d=y.texts)||void 0===d?void 0:d.collapseSidebar)||"Collapse Sidebar":(null===(m=y.texts)||void 0===m?void 0:m.expandSidebar)||"Expand Sidebar"},t.createElement(a.Button,{variant:"light",onClick:function(){D(!M),y.onDrawerExpand&&y.onDrawerExpand(M)},size:"smallIcon"},t.createElement("svg",{className:r.clsx("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ",M?N?"-rotate-90":"rotate-90":N?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})))):null)),t.createElement("div",{className:"fixed overflow-y-auto transition-all",style:"floating"===b?N?{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(T+20,"px)"),left:"0px",top:y.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(T+20,"px)"),left:"".concat(T+20,"px"),top:y.topBar?"56px":"0px"}:N?{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(T,"px)"),left:"0px",top:y.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(T,"px)"),left:"".concat(T,"px"),top:y.topBar?"56px":"0px"}},y.children))};

package/lib/src/layout/AppSidebar.d.ts

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

package/lib/src/layout/AppSidebar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.AppSidebar=function(t){var a=t.isOpen,l=t.onClose,r=t.items;return a?e.createElement("div",{className:"fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"},e.createElement("div",{className:"w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"},e.createElement("button",{onClick:l,className:"p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"},"Close"),e.createElement("nav",null,r.map((function(t,a){return e.createElement("a",{key:a,href:"#",onClick:t.onClick,className:"block p-4 font-bold text-white hover:bg-gray-700 hover:text-gray-400"},t.label)})))),e.createElement("div",{className:"w-2/3 bg-gray-50"})):null};

package/lib/src/layout/Banner.d.ts

@@ -0,0 +1,14 @@
+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 {};

package/lib/src/layout/Banner.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react/index.js"),r=require("../../node_modules/clsx/dist/clsx.m.js");require("../elements/Label.js"),require("../elements/Switch.js");var l=require("../elements/Button.js");require("../elements/DropdownMenu.js"),require("../elements/Card.js"),require("../elements/Tooltip.js"),require("../elements/Textarea.js"),require("../elements/Popover.js"),require("../../node_modules/react-dom/server.node.js"),require("../elements/Input.js"),require("../elements/Tabs.js"),require("../elements/Separator.js"),require("../elements/Toast.js"),require("../elements/Dialog.js");var a=require("../../_virtual/index.js");exports.HawaBanner=function(s){var n=s.design,i=void 0===n?"floating":n,o=e.__rest(s,["design"]),m=a.react.exports.useRef(null),d=a.react.exports.useState(!1),c=d[0],u=d[1];return t.createElement("div",{ref:m},t.createElement("div",{dir:o.direction,className:r.clsx({floating:"left-1/2  z-50  w-[calc(100%-2rem)] -translate-x-1/2 lg:max-w-7xl p-4 rounded",default:"w-[calc(100%)] left-0 z-50 right-0 rounded-none p-2"}[i],"fixed flex  flex-col justify-between  border  border-gray-100 bg-white  shadow-sm transition-all dark:border-gray-600 dark:bg-gray-700 md:flex-row md:gap-4 ","top"===o.position?"floating"===i?"top-6":"top-0":"floating"===i?"bottom-6":"bottom-0",c?"opacity-0":"opacity-100")},t.createElement("div",{className:"mb-3 flex w-full flex-col items-center  justify-start   md:mb-0 md:flex-row md:items-center"},t.createElement("div",{className:r.clsx("rtl"===o.direction?"md:ml-4 md:border-l  md:pl-4":"md:mr-4 md:border-r  md:pr-4","mb-2 flex items-center  border-gray-200 dark:border-gray-600 md:mb-0 md:mr-4  md:pr-4")},o.logoURL&&t.createElement("img",{src:o.logoURL,className:"mr-2 h-6",alt:"Flowbite Logo"}),o.title&&t.createElement("span",{className:"self-center whitespace-nowrap text-lg font-semibold dark:text-white"},o.title)),o.text&&t.createElement("p",{className:r.clsx("m-0 flex items-center text-center text-sm  font-normal  text-gray-500 dark:text-gray-400 ","rtl"===o.direction?"md:text-right":"md:text-left")},o.text)),o.actionText&&t.createElement("div",{className:r.clsx("flex flex-shrink-0 items-center justify-center ","rtl"===o.direction?"ml-0 md:ml-10":"mr-0 md:mr-10")},t.createElement(l.Button,{onClick:o.onActionClick},o.actionText)),t.createElement("button",{type:"button",className:r.clsx("absolute  top-2 inline-flex h-9 w-9 items-center justify-center rounded-inner p-1.5 text-gray-400 transition-all  hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white","rtl"===o.direction?"left-2":"right-2"),"data-dismiss-target":"#alert-default","aria-label":"Close",onClick:function(){u(!0),setTimeout((function(){m.current.removeChild(m.current.children[0])}),200)}},t.createElement("span",{className:"sr-only"},"Close"),t.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})))))};

package/lib/src/layout/Box.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Box: (props: any) => React.JSX.Element;

package/lib/src/layout/Box.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.Box=function(r){return e.createElement("div",null,r.children)};

package/lib/src/layout/Footer.d.ts

@@ -0,0 +1,22 @@
+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 {};

package/lib/src/layout/Footer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react-icons/bs/index.esm.js"),r=require("../../node_modules/react-icons/fa/index.esm.js"),l=require("../../node_modules/react/index.js");require("../elements/Label.js");var s=require("../util.js");require("../elements/Switch.js");var a=require("../elements/Button.js");require("../elements/DropdownMenu.js"),require("../elements/Card.js"),require("../elements/Tooltip.js"),require("../elements/Textarea.js"),require("../elements/Popover.js"),require("../../node_modules/react-dom/server.node.js"),require("../elements/Input.js"),require("../elements/Tabs.js"),require("../elements/Separator.js"),require("../elements/Toast.js"),require("../elements/Dialog.js");exports.Footer=function(n){var o,i=n.variation,m=void 0===i?"default":i,c=e.__rest(n,["variation"]);return l.createElement("div",{className:s.cn("flex w-full flex-row items-center justify-between gap-8  rounded bg-background p-4",{default:"rounded border",minimal:"border-t"}[m])},l.createElement("div",{className:"flex flex-col items-center gap-2"},l.createElement("div",{className:"flex flex-row items-center gap-2"},c.logoURL&&l.createElement("div",null,l.createElement("img",{className:"h-8",src:c.logoURL})),c.logoText&&l.createElement("div",null,l.createElement("div",{className:"text-2xl font-bold text-primary"},c.logoText))),c.copyRights&&c.footerLinks&&l.createElement("div",{className:"text-xs text-muted-foreground"},"© ",c.copyRights," ",(new Date).getFullYear())),c.copyRights&&!c.footerLinks&&l.createElement("div",{className:"text-xs text-muted-foreground"},"© ",c.copyRights," ",(new Date).getFullYear()),null===(o=c.footerLinks)||void 0===o?void 0:o.map((function(e){return l.createElement("div",{className:"flex w-32 flex-col gap-2"},l.createElement("div",{className:"text-lg font-bold"},e.title),l.createElement("div",{className:"flex flex-col gap-1"},e.pages.map((function(e){return l.createElement("a",{className:"transition-all hover:font-bold",href:e.link},e.label)}))))})),c.socialLinks&&l.createElement("div",{className:"flex flex-row gap-2"},c.socialLinks.twitter&&l.createElement(a.Button,{size:"smallIcon",variant:"ghost"},l.createElement(t.BsTwitter,null)),c.socialLinks.instagram&&l.createElement(a.Button,{size:"smallIcon",variant:"ghost"},l.createElement(t.BsInstagram,null)),c.socialLinks.tiktok&&l.createElement(a.Button,{size:"smallIcon",variant:"ghost"},l.createElement(r.FaTiktok,null)),c.socialLinks.snapchat&&l.createElement(a.Button,{size:"smallIcon",variant:"ghost"},l.createElement(r.FaSnapchatGhost,null))))};

package/lib/src/layout/HawaAppLayout.d.ts

@@ -0,0 +1,31 @@
+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 {};

package/lib/src/layout/HawaAppLayout.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react/index.js"),r=require("../../node_modules/clsx/dist/clsx.m.js"),l=require("../../node_modules/react-icons/fa/index.esm.js"),a=require("../hooks/useDiscloser.js"),i=require("../hooks/useBreakpoint.js");require("../elements/Label.js"),require("../elements/Switch.js"),require("../elements/Button.js"),require("../elements/DropdownMenu.js");var n=require("../elements/HawaMenu.js");require("../elements/Card.js"),require("../elements/Tooltip.js"),require("../elements/Textarea.js"),require("../elements/Popover.js"),require("../../node_modules/react-dom/server.node.js"),require("../elements/Input.js"),require("../elements/Tabs.js"),require("../elements/Separator.js"),require("../elements/Toast.js"),require("../elements/Dialog.js");var s=require("../../_virtual/index.js");exports.HawaAppLayout=function(o){var c,m=o.direction,d=void 0===m?"rtl":m,u=o.drawerSize,x=void 0===u?"md":u,p=o.onSettingsClick,f=e.__rest(o,["direction","drawerSize","onSettingsClick"]),v=s.react.exports.useState(!1),g=v[0],h=v[1],y=s.react.exports.useState(""),w=y[0],b=y[1];a(!1);var E,N=s.react.exports.useState(!1),j=N[0],k=N[1],q=s.react.exports.useRef(null),P="rtl"===d;E="undefined"!=typeof window?i():1200,s.react.exports.useEffect((function(){var e=function(e){!q.current||q.current.contains(e.target)||j||h(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[j]);var z={opened:{sm:"100",md:"160",lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},C=E>600?z[j?"opened":"closed"][x]:0;return t.createElement("div",{className:"fixed"},f.topBar&&t.createElement("div",{className:r.clsx("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-layoutPrimary-500 p-2",P?"flex-row-reverse":"flex-row")},E>600?f.pageTitle?t.createElement("div",{className:r.clsx(P?[E>600?"mr-14":"mr-2",j?"mr-40":""]:[E>600?"ml-14":"ml-2",j?"ml-40":""]),style:P?{marginRight:"".concat(z[j?"opened":"closed"][x],"px")}:{marginLeft:"".concat(z[j?"opened":"closed"][x],"px")}},f.pageTitle):null:t.createElement("div",{dir:d,className:"flex items-center justify-center gap-0.5 "},t.createElement("div",{onClick:function(){return h(!0)},className:"z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"},t.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},t.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))," "),f.pageTitle?t.createElement("div",{className:"text-sm"},f.pageTitle):t.createElement("div",null)),t.createElement("div",{className:r.clsx("flex gap-2",P?"flex-row-reverse":"flex-row")},E>600?t.createElement("div",{className:r.clsx(P?"text-left text-xs":"text-right text-xs")},t.createElement("div",{className:"font-bold"},f.username)," ",t.createElement("div",null,f.email)):null,t.createElement(n.HawaMenu,{direction:d,withHeader:!(E>600),headerTitle:E>600?"":f.username,headerSubtitle:E>600?"":f.email,menuItems:f.profileMenuItems,position:"bottom-left"},t.createElement("div",{className:"relative h-8 w-8  cursor-pointer overflow-hidden rounded-full ring-1 ring-buttonPrimary-500 dark:bg-gray-600"},t.createElement("svg",{className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))))),t.createElement("div",{onMouseEnter:function(){h(!0)},onMouseLeave:function(){return h(!!j)},ref:q,className:r.clsx("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",z[x],P?"right-0":"left-0"),style:{width:E>600?"".concat(g?z.opened[x]:z.closed[x],"px"):g?"".concat(z.opened[x],"px"):"0px"}},t.createElement("div",{className:r.clsx("no-scrollbar",f.topBar?"":"mt-2",g?"overflow-auto":"overflow-hidden")},t.createElement("div",{dir:d,className:r.clsx("fixed z-50 mb-2 flex h-14 flex-row items-center transition-all ",E>600||g?"bg-layoutPrimary-500":"w-0 bg-transparent"),style:{width:E>600?"".concat(z[g?"opened":"closed"][x]-16,"px"):"full"}},t.createElement("img",{className:r.clsx("fixed top-2.5 h-9  opacity-0 transition-all",P?"right-2.5":"left-2.5",g?"visible opacity-100":"invisible opacity-0"),src:f.logoLink}),E>600?t.createElement("img",{className:r.clsx("fixed top-2.5 h-9  transition-all",P?"right-2.5":"left-2.5",g?"invisible opacity-0":"visible opacity-100"),src:f.logoSymbol}):null),t.createElement("div",{className:"mb-10 mt-14"},null===(c=f.drawerItems)||void 0===c?void 0:c.map((function(e,a){return t.createElement("div",{key:a,className:r.clsx("flex flex-col items-stretch justify-center")},null==e?void 0:e.map((function(e,a){var i,n,s;return t.createElement("div",{key:a,id:"test",className:"flex flex-col"},t.createElement("div",{onClick:function(){e.subItems?w===e.slug?b(""):b(e.slug):e.action()},className:r.clsx(f.currentPage===e.slug||(null===(i=e.subItems)||void 0===i?void 0:i.find((function(e){return e.slug===f.currentPage})))?"bg-buttonPrimary-500 text-white":"hover:bg-layoutPrimary-300","m-2 my-1  flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2  pl-3 transition-all ",P?"flex-row-reverse pr-3":"")},t.createElement("div",{className:"flex flex-row",dir:d},t.createElement("div",{className:"flex items-center justify-center"},e.icon),t.createElement("div",{className:r.clsx("mx-2 whitespace-nowrap text-sm transition-all",g?"opacity-100":"opacity-0")},e.label)),e.subItems&&t.createElement("div",{className:r.clsx(w&&e.slug===w?"-rotate-90":"rotate-90")},t.createElement(l.FaChevronRight,{fontSize:11}))),e.subItems&&t.createElement("div",{className:r.clsx("m-1 flex cursor-pointer flex-col gap-0 overflow-clip whitespace-nowrap rounded bg-layoutPrimary-300 p-1 transition-all",w==e.slug&&g?"":"my-0 py-0",P?"text-right":"text-left"),style:{height:w==e.slug&&g?6+33*(null===(n=e.subItems)||void 0===n?void 0:n.length):0}},null===(s=e.subItems)||void 0===s?void 0:s.map((function(e,l){return t.createElement("div",{key:l,className:r.clsx("flex flex-row gap-2 overflow-x-clip  rounded p-2 px-2 text-xs",P?"text-right":"text-left",f.currentPage===e.slug?"bg-buttonPrimary-500 text-white hover:bg-buttonPrimary-500":"hover:bg-layoutPrimary-500"),dir:d,onClick:function(){e.action()}},t.createElement("div",{className:"flex items-center justify-center"},e.icon),t.createElement("div",{className:"flex flex-row justify-between"},e.label))}))))})),a!==f.drawerItems.length-1&&t.createElement("div",{className:"my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 text-center "}))}))),g&&t.createElement("div",{className:r.clsx("fixed bottom-0 flex flex-row items-center bg-layoutPrimary-500 p-4 transition-all",g?"bg-layoutPrimary-500 ":"bg-red-500",p?"justify-between":"justify-end","rtl"===d?"right-0":"left-0"),style:{width:"".concat(z[g?"opened":"closed"][x]-16,"px")}},p&&t.createElement("div",{className:" cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700",onClick:function(){return p()}},t.createElement("svg",{"aria-label":"Settings Icon",stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1em",width:"1em"},t.createElement("circle",{cx:"12",cy:"12",r:"3"}),t.createElement("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"}))),E>600?t.createElement("div",{className:r.clsx("w-fit transition-all"),style:P?{right:"".concat(z[g?"opened":"closed"][x]-35,"px")}:{left:"".concat(z[g?"opened":"closed"][x]-35,"px")}},t.createElement("div",{dir:d,className:r.clsx("relative left-0 top-0 transition-all",g?" opacity-100":" opacity-0")},t.createElement("div",{onClick:function(){return k(!j)},className:"w-fit cursor-pointer rounded bg-gray-300 p-2 transition-all hover:bg-gray-400"},t.createElement(l.FaChevronRight,{fontSize:14,className:r.clsx("transition-all",P?j?"rotate-0":"rotate-180":j?"rotate-180":"rotate-0")})))):null))),t.createElement("div",{className:"fixed overflow-y-auto",style:P?{height:"calc(100% - ".concat(f.topBar?"56":"0","px)"),width:"calc(100% - ".concat(C,"px)"),left:"0px",top:f.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(f.topBar?"56":"0","px)"),width:"calc(100% - ".concat(C,"px)"),left:"".concat(C,"px"),top:f.topBar?"56px":"0px"}},f.children))};

package/lib/src/layout/HawaAppLayoutSimplified.d.ts

@@ -0,0 +1,32 @@
+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 {};

package/lib/src/layout/HawaAppLayoutSimplified.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../node_modules/react/index.js"),r=require("../../node_modules/clsx/dist/clsx.m.js"),l=require("../hooks/useDiscloser.js"),a=require("../hooks/useBreakpoint.js");require("../elements/Label.js"),require("../elements/Switch.js");var i=require("../elements/Button.js"),n=require("../elements/DropdownMenu.js");require("../elements/Card.js");var o=require("../elements/Tooltip.js");require("../elements/Textarea.js"),require("../elements/Popover.js"),require("../../node_modules/react-dom/server.node.js"),require("../elements/Input.js"),require("../elements/Tabs.js"),require("../elements/Separator.js"),require("../elements/Toast.js"),require("../elements/Dialog.js");var s=require("../../_virtual/index.js"),c=function(){return t.createElement("svg",{className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"}))},d=function(e){var l;switch(e.pointing){case"right":l="-rotate-90";break;case"left":l="rotate-90";break;case"up":l="-rotate-180";break;case"down":l="rotate-0"}return t.createElement("svg",{className:r.clsx("h-6 w-6 shrink-0 text-primary-foreground   transition-all  disabled:bg-gray-200 ",l),fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))};exports.HawaAppLayoutSimplified=function(m){var u,p,x,f=m.direction,v=void 0===f?"rtl":f,g=m.drawerSize,h=void 0===g?"md":g;m.onSettingsClick;var w=m.DrawerFooterActions,y=e.__rest(m,["direction","drawerSize","onSettingsClick","DrawerFooterActions"]),b=s.react.exports.useState(!1),E=b[0],j=b[1],N=s.react.exports.useState(""),k=N[0],q=N[1];l(!1);var S,z=s.react.exports.useState(!1),C=z[0],B=z[1],I=s.react.exports.useRef(null),M="rtl"===v;S="undefined"!=typeof window?a():1200,s.react.exports.useEffect((function(){var e=function(e){!I.current||I.current.contains(e.target)||C||j(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[C]);var R=200,L={opened:{sm:"100",md:R,lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},_=S>600?L[C?"opened":"closed"][h]:0;return t.createElement("div",{className:"fixed left-0"},y.topBar&&t.createElement("div",{className:r.clsx("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",M?"flex-row-reverse":"flex-row")},S>600?t.createElement("div",{className:r.clsx("dark:text-white",M?[S>600?"mr-14":"mr-2",C?"mr-40":""]:[S>600?"ml-14":"ml-2",C?"ml-40":""]),style:M?{marginRight:"".concat(L[C?"opened":"closed"][h],"px")}:{marginLeft:"".concat(L[C?"opened":"closed"][h],"px")}},y.pageTitle):t.createElement("div",{dir:v,className:"flex items-center justify-center gap-0.5"},t.createElement("div",{onClick:function(){return j(!0)},className:"z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"},t.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},t.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))),y.pageTitle?t.createElement("div",{className:"text-sm"},y.pageTitle):t.createElement("div",null)),t.createElement("div",{className:r.clsx("flex gap-2 dark:text-white",M?"flex-row-reverse":"flex-row")},S>600?t.createElement("div",{className:M?"text-left text-xs":"text-right text-xs"},t.createElement("div",{className:"font-bold"},y.username)," ",t.createElement("div",null,y.email)):null,t.createElement(n.DropdownMenu,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,direction:M?"rtl":"ltr",trigger:t.createElement("div",{className:"relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},t.createElement(c,null)),items:y.profileMenuItems,onItemSelect:function(e){return console.log("selecting item ",e)}}))),t.createElement("div",{className:r.clsx("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all",M?"right-0":"left-0"),style:{width:S>600?"".concat(E?L.opened[h]:L.closed[h],"px"):E?"".concat(L.opened[h],"px"):"0px"},onMouseEnter:function(){j(!0)},onMouseLeave:function(){return j(!!C)},ref:I},t.createElement("div",{dir:v,className:r.clsx("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),style:{width:"".concat(S>600?E?R:56:E?R:0,"px")}},t.createElement("img",{className:r.clsx("h-9  opacity-0 transition-all",E?"visible opacity-100":"invisible opacity-0"),src:y.logoLink}),S>600?t.createElement("img",{className:r.clsx("fixed top-2.5 h-9  transition-all",M?"right-2.5":"left-2.5",E?"invisible opacity-0":"visible opacity-100"),src:y.logoSymbol}):null),t.createElement("div",{className:r.clsx("fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all",E?"overflow-auto":"overflow-hidden"),style:{height:"calc(100% - 112px)",width:"".concat(S>600?E?R:56:E?R:0,"px")}},null===(u=y.drawerItems)||void 0===u?void 0:u.map((function(e,l){return t.createElement("div",{key:l,className:r.clsx("flex select-none flex-col items-stretch justify-center transition-all")},null==e?void 0:e.map((function(e,l){var a,i,n;return t.createElement("div",{key:l,id:"test",className:"flex flex-col"},t.createElement("div",{onClick:function(){e.subItems?k===e.slug?q(""):q(e.slug):e.action()},className:r.clsx(y.currentPage===e.slug||(null===(a=e.subItems)||void 0===a?void 0:a.find((function(e){return e.slug===y.currentPage})))?"bg-primary text-primary-foreground ":"hover:bg-primary/20","my-1  flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2  pl-3 transition-all ",M?"flex-row-reverse pr-3":"","m-2")},t.createElement("div",{className:"flex flex-row",dir:v},t.createElement("div",{className:"flex items-center justify-center "},e.icon),t.createElement("div",{className:r.clsx("mx-2 whitespace-nowrap text-sm transition-all",E?"opacity-100":"opacity-0")},e.label)),e.subItems&&t.createElement(d,{pointing:k&&e.slug===k?"up":"down"})),e.subItems&&t.createElement("div",{className:r.clsx("m-1 mx-2 flex cursor-pointer flex-col gap-[2px] overflow-clip whitespace-nowrap rounded bg-primary/10 p-1 transition-all",k==e.slug&&E?"":"my-0 py-0",M?"text-right":"text-left"),style:{height:k==e.slug&&E?6+35*(null===(i=e.subItems)||void 0===i?void 0:i.length):0}},null===(n=e.subItems)||void 0===n?void 0:n.map((function(e,l){return t.createElement("div",{key:l,className:r.clsx("flex flex-row gap-2 overflow-x-clip  rounded-inner p-2 px-2 text-xs",M?"text-right":"text-left",y.currentPage===e.slug?"bg-primary text-white":"hover:bg-primary-foreground hover:text-primary "),dir:v,onClick:function(){e.action()}},t.createElement("div",{className:"flex items-center justify-center"},e.icon),t.createElement("div",{className:"flex flex-row justify-between"},e.label))}))))})),l!==y.drawerItems.length-1&&t.createElement("div",{className:"my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 bg-red-500 text-center "}))}))),t.createElement("div",{className:r.clsx("fixed bottom-0  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all","rtl"===v?"flex-row-reverse":"flex-row"),style:{width:"".concat(S>600?E?R:56:E?R:0,"px")}},w&&E?t.createElement(t.Fragment,null,w):null,S>600&&E?t.createElement(o.Tooltip,{side:"left",delayDuration:500,content:C?(null===(p=y.texts)||void 0===p?void 0:p.collapseSidebar)||"Collapse Sidebar":(null===(x=y.texts)||void 0===x?void 0:x.expandSidebar)||"Expand Sidebar"},t.createElement(i.Button,{variant:"light",onClick:function(){return B(!C)},size:"smallIcon"},t.createElement("svg",{className:r.clsx("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ",C?M?"-rotate-90":"rotate-90":M?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})))):null)),t.createElement("div",{className:"fixed overflow-y-auto",style:M?{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(_,"px)"),left:"0px",top:y.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(_,"px)"),left:"".concat(_,"px"),top:y.topBar?"56px":"0px"}},y.children))};

package/lib/src/layout/HawaBottomAppBar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type BottomAppBarTypes = {
+    sx: any;
+    color: any;
+    appBarContent: any;
+};
+export declare const HawaBottomAppBar: React.FunctionComponent<BottomAppBarTypes>;
+export {};

package/lib/src/layout/HawaBottomAppBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.HawaBottomAppBar=function(t){return e.createElement("div",{className:"fixed bottom-0 top-auto left-0 m-0 w-full max-w-full  p-1"},e.createElement("div",{className:"flex w-full flex-row items-center justify-evenly rounded bg-gray-200"},t.appBarContent.map((function(t,l){return e.createElement("div",{key:l,className:"m-1 flex h-full w-full flex-col items-center justify-center rounded p-2 transition-all hover:cursor-pointer hover:bg-buttonPrimary-700 hover:text-white",onClick:t.action},e.createElement("div",null,t.icon),e.createElement("div",{className:"mt-2 text-sm"},t.label))}))))};