@sikka/hawa 0.2.10-beta → 0.2.11-beta

package/es/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/es/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/es/src/hooks/useBreakpoint.d.ts

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

package/es/src/hooks/useBreakpoint.js

@@ -0,0 +1 @@
+import"../../node_modules/react/index.js";import{r as n}from"../../_virtual/index.js";var i=function(){var i=n.exports.useState(null===window||void 0===window?void 0:window.innerWidth),o=i[0],e=i[1],d=function(){e(null===window||void 0===window?void 0:window.innerWidth)};return n.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)}}),[]),o};export{i as default};

package/es/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/es/src/hooks/useCarousel.js

@@ -0,0 +1 @@
+import"../../node_modules/react/index.js";import{r as e}from"../../_virtual/index.js";var t=function(t){var r=e.exports.useState(!1),n=r[0],o=r[1],u=e.exports.useState(0),s=u[0],a=u[1],f=e.exports.useState(0),c=f[0],l=f[1],i=e.exports.useRef(null),p=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&&p()},handleMouseUp:function(){n&&p()},handleMouseMove:function(e){if(n){e.preventDefault();var t=e.pageX-i.current.offsetLeft-s;i.current.scrollLeft=c-t}}}};export{t as default};

package/es/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/es/src/hooks/useClipboard.js

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

package/es/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/es/src/hooks/useDiscloser.js

@@ -0,0 +1 @@
+import"../../node_modules/react/index.js";import{r as e}from"../../_virtual/index.js";var n=function(n){void 0===n&&(n=!1);var r=e.exports.useState(n),t=r[0],o=r[1];return{isOpen:t,onOpen:function(){return o(!0)},onClose:function(){return o(!1)}}};export{n as default};

package/es/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/es/src/hooks/useFocusWithin.js

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

package/es/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/es/src/hooks/useHover.d.ts

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

package/es/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/es/src/hooks/useMediaQuery.js

@@ -0,0 +1 @@
+import"../../node_modules/react/index.js";import{r as e}from"../../_virtual/index.js";function t(t,n,r){var i=(void 0===r?{getInitialValueInEffect:!0}:r).getInitialValueInEffect,o=e.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=o[0],u=o[1],c=e.exports.useRef();return e.exports.useEffect((function(){if("matchMedia"in window)return c.current=window.matchMedia(t),u(c.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)}}}(c.current,(function(e){return u(e.matches)}))}),[t]),a}export{t as useMediaQuery};

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

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

package/es/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/es/src/hooks/useTable.js

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

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

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

package/es/src/hooks/useTabs.js

@@ -0,0 +1 @@
+import"../../node_modules/react/index.js";import{r as n}from"../../_virtual/index.js";function e(e){void 0===e&&(e="");var t=n.exports.useState(e),o=t[0],a=t[1];n.exports.useEffect((function(){var n=function(){var n=window.location.hash.substring(1);a(n||e)};return window.addEventListener("hashchange",n),n(),function(){window.removeEventListener("hashchange",n)}}),[e]);return{activeTab:o,handleTabChange:function(n){a(n),window.location.hash=n}}}export{e as useTabs};

package/es/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/es/src/hooks/useToast.js

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

package/es/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/es/src/hooks/useWindowEvent.js

@@ -0,0 +1 @@
+import"../../node_modules/react/index.js";import{r as e}from"../../_virtual/index.js";function n(n,t,r){e.exports.useEffect((function(){return window.addEventListener(n,t,r),function(){return window.removeEventListener(n,t,r)}}),[n,t])}export{n as useWindowEvent};

package/es/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/es/src/hooks/useWindowScroll.js

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

package/es/src/index.d.ts

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

package/es/src/index.js

@@ -0,0 +1 @@
+export{HawaCheckbox}from"./elements/HawaCheckbox.js";export{HawaPanelTabs}from"./elements/HawaPanelTabs.js";export{HawaChip}from"./elements/HawaChip.js";export{HawaIconCount}from"./elements/HawaIconCount.js";export{HawaSettingsRow}from"./elements/HawaSettingsRow.js";export{HawaSelect}from"./elements/HawaSelect.js";export{HawaRange}from"./elements/HawaRange.js";export{HawaTypography}from"./elements/HawaTypography.js";export{HawaAlert}from"./elements/HawaAlert.js";export{HawaTable}from"./elements/HawaTable.js";export{HawaColorPicker}from"./elements/HawaColorPicker.js";export{HawaSearchBar}from"./elements/HawaSearchBar.js";export{HawaAccordion}from"./elements/HawaAccordion.js";export{HawaPhoneInput}from"./elements/HawaPhoneInput.js";export{HawaTabs}from"./elements/HawaTabs.js";export{HawaModal}from"./elements/HawaModal.js";export{HawaMenu}from"./elements/HawaMenu.js";export{HawaCopyrights}from"./elements/HawaCopyrights.js";export{HawaStepper}from"./elements/HawaStepper.js";export{HawaStats}from"./elements/HawaStats.js";export{HawaCodeBlock}from"./elements/HawaCodeBlock.js";export{HawaLoading}from"./elements/HawaLoading.js";export{HawaRadio}from"./elements/HawaRadio.js";export{HawaDatepicker}from"./elements/HawaDatepicker.js";export{DragDropImages}from"./elements/DragDropImages.js";export{DraggableCard}from"./elements/DraggableCard.js";import"../node_modules/react/index.js";export{SubsectionList}from"./elements/SubsectionList.js";export{UsageCard}from"./elements/UsageCard.js";export{InvoiceAccordion}from"./elements/InvoiceAccordion.js";export{FeedbackRating}from"./elements/FeedbackRating.js";export{FeedbackByEmoji}from"./elements/FeedbackByEmoji.js";export{ArrowCarousel}from"./elements/ArrowCarousel.js";export{FloatingComment}from"./elements/FloatingComment.js";export{FloatingCommentSlate}from"./elements/FloatingCommentSlate.js";export{FloatingCommentExec}from"./elements/FloatingCommentExec.js";export{BackToTop}from"./elements/BackToTop.js";export{HawaInlineCode}from"./elements/HawaInlineCode.js";export{Timeline}from"./elements/Timeline.js";export{HawaTextField}from"./elements/HawaTextField.js";export{HawaPinInput}from"./elements/HawaPinInput.js";export{HawaItemCard}from"./elements/HawaItemCard.js";export{HawaPricingCard}from"./elements/HawaPricingCard.js";export{HawaAdCard}from"./elements/HawaAdCard.js";export{HawaLandingCard}from"./elements/HawaLandingCard.js";export{HawaButton}from"./elements/HawaButton.js";export{HawaStoreButtons}from"./elements/HawaStoreButtons.js";export{ActionCard}from"./elements/ActionCard.js";export{StickyFeatures}from"./elements/StickyFeatures.js";export{UserReferralSource}from"./elements/UserReferralSource.js";export{Icons}from"./elements/Icons.js";export{Button,buttonVariants}from"./elements/Button.js";export{Carousel}from"./elements/Carousel.js";export{Label}from"./elements/Label.js";export{Input}from"./elements/Input.js";export{Tooltip}from"./elements/Tooltip.js";export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle}from"./elements/Card.js";export{Skeleton}from"./elements/Skeleton.js";export{InterfaceSettings}from"./elements/InterfaceSettings.js";export{DropdownMenu}from"./elements/DropdownMenu.js";export{Popover}from"./elements/Popover.js";export{Tabs,TabsContent,TabsList,TabsTrigger}from"./elements/Tabs.js";export{Textarea}from"./elements/Textarea.js";export{Separator}from"./elements/Separator.js";export{Toast,ToastAction,ToastClose,ToastDescription,ToastProvider,ToastTitle,ToastViewport}from"./elements/Toast.js";export{Toaster}from"./elements/Toaster.js";export{Switch}from"./elements/Switch.js";export{Dialog,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogTitle,DialogTrigger}from"./elements/Dialog.js";export{Box}from"./layout/Box.js";export{HawaBottomAppBar}from"./layout/HawaBottomAppBar.js";export{HawaSiteLayout}from"./layout/HawaSiteLayout.js";export{AppLayout}from"./layout/AppLayout.js";export{HawaAppLayout}from"./layout/HawaAppLayout.js";export{HawaAppLayoutSimplified}from"./layout/HawaAppLayoutSimplified.js";export{HawaContainer}from"./layout/HawaContainer.js";export{HawaGrid}from"./layout/HawaGrid.js";export{AppSidebar}from"./layout/AppSidebar.js";export{Footer}from"./layout/Footer.js";export{HawaBanner}from"./layout/Banner.js";export{SidebarGroup,SidebarItem}from"./layout/Sidebar.js";export{UserProfileForm}from"./blocks/Account/UserProfileForm.js";export{UserSettingsForm}from"./blocks/Account/UserSettingsForm.js";export{AppLanding}from"./blocks/AuthForms/AppLanding.js";export{SignInPhone}from"./blocks/AuthForms/SignInPhone.js";export{SignInForm}from"./blocks/AuthForms/SignInForm.js";export{SignInBlock}from"./blocks/AuthForms/SignInBlock.js";export{SignUpForm}from"./blocks/AuthForms/SignUpForm.js";export{NewPasswordForm}from"./blocks/AuthForms/NewPasswordForm.js";export{ResetPasswordForm}from"./blocks/AuthForms/ResetPasswordForm.js";export{CodeConfirmation}from"./blocks/AuthForms/CodeConfirmation.js";export{CheckEmail}from"./blocks/AuthForms/CheckEmail.js";export{SelectPayment}from"./blocks/Payment/SelectPayment.js";export{CreditCardForm}from"./blocks/Payment/CreditCardForm.js";export{ChargeWalletForm}from"./blocks/Payment/ChargeWalletForm.js";export{PayWithWallet}from"./blocks/Payment/PayWithWallet.js";export{CheckoutForm}from"./blocks/Payment/CheckoutForm.js";export{ConfirmationPage}from"./blocks/Payment/Confirmation.js";export{PricingPlans}from"./blocks/Pricing/PricingPlans.js";export{ComparingPlans}from"./blocks/Pricing/ComparingPlans.js";export{HorizontalPricing}from"./blocks/Pricing/HorizontalPricing.js";export{ReferralAccount}from"./blocks/Referral/ReferralAccount.js";export{ReferralSettlement}from"./blocks/Referral/ReferralSettlement.js";export{ReferralStats}from"./blocks/Referral/ReferralStats.js";export{NotFound}from"./blocks/Misc/NotFound.js";export{EmptyState}from"./blocks/Misc/EmptyState.js";export{Testimonial}from"./blocks/Misc/Testimonial.js";export{LeadGenerator}from"./blocks/Misc/LeadGenerator.js";export{Announcement}from"./blocks/Misc/Announcement.js";export{NoPermission}from"./blocks/Misc/NoPermission.js";export{reducer,toast,useToast}from"./hooks/useToast.js";export{useClipboard}from"./hooks/useClipboard.js";export{useFocusWithin}from"./hooks/useFocusWithin.js";export{useMediaQuery}from"./hooks/useMediaQuery.js";export{useTabs}from"./hooks/useTabs.js";export{useWindowEvent}from"./hooks/useWindowEvent.js";export{useWindowScroll}from"./hooks/useWindowScroll.js";

package/es/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/es/src/layout/AppLayout.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.mjs.js";import t from"../../node_modules/react/index.js";import{clsx as r}from"../../node_modules/clsx/dist/clsx.m.js";import l from"../hooks/useBreakpoint.js";import"../elements/Label.js";import"../elements/Switch.js";import{Button as o}from"../elements/Button.js";import{DropdownMenu as a}from"../elements/DropdownMenu.js";import"../elements/Card.js";import{Tooltip as i}from"../elements/Tooltip.js";import"../elements/Textarea.js";import"../elements/Popover.js";import"../../node_modules/react-dom/server.node.js";import"../elements/Input.js";import"../elements/Tabs.js";import"../elements/Separator.js";import"../elements/Toast.js";import"../elements/Dialog.js";import{SidebarGroup as n}from"./Sidebar.js";import{r as c}from"../../_virtual/index.js";var s=function(s){var m,d,p=s.direction,f=void 0===p?"ltr":p,u=s.drawerSize,x=void 0===u?"md":u;s.onSettingsClick;var g,v=s.DrawerFooterActions,h=s.currentPage,w=s.clickedItem,E=s.design,b=void 0===E?"default":E,y=e(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}},N=c.exports.useRef(null),S="rtl"===f,I=c.exports.useState(""),B=I[0],z=I[1],C=c.exports.useState(h);C[0],C[1],g="undefined"!=typeof window?l():1200;var M=c.exports.useState((function(){return g>600&&(void 0===y.keepDrawerOpen||y.keepDrawerOpen)})),D=M[0],R=M[1],L=c.exports.useState(g>600),T=L[0],O=L[1],_=g>600?k[D?"opened":"closed"][x]:0;return c.exports.useEffect((function(){var e=function(e){!N.current||N.current.contains(e.target)||D||O(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[D]),t.createElement("div",{className:"fixed left-0"},y.topBar&&t.createElement("div",{className:r("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",S?"flex-row-reverse":"flex-row")},g>600?t.createElement("div",{className:r("dark:text-white",S?[g>600?"mr-14":"mr-2",D?"mr-40":""]:[g>600?"ml-14":"ml-2",D?"ml-40":""]),style:S?{marginRight:"".concat(k[D?"opened":"closed"][x],"px")}:{marginLeft:"".concat(k[D?"opened":"closed"][x],"px")}},y.pageTitle):t.createElement("div",{dir:f,className:"flex items-center justify-center gap-0.5"},t.createElement("div",{onClick:function(){return O(!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("flex gap-2 dark:text-white",S?"flex-row-reverse":"flex-row")},g>600?t.createElement("div",{className:S?"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(a,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,width:y.profileMenuWidth,direction:S?"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("fixed  z-40 flex  flex-col justify-between overflow-x-clip   transition-all","floating"===b?S?"right-5 top-5":"bottom-5 left-5 top-5":S?"right-0 top-0 h-full":"left-0 top-0 h-full"),style:{width:g>600?"".concat(T?k.opened[x]:k.closed[x],"px"):T?"".concat(k.opened[x],"px"):"0px"},onMouseEnter:function(){O(!0)},onMouseLeave:function(){D?O(!0):(z(""),O(!1))},ref:N},t.createElement("div",{dir:f,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?T?j:56:T?j:0,"px")}},t.createElement("img",{className:r("h-9  opacity-0 transition-all",T?"visible opacity-100":"invisible opacity-0"),src:y.logoLink}),g>600?t.createElement("img",{className:r("fixed  h-9  transition-all","floating"===b?S?"right-7.5 top-7":"left-7.5 top-7":S?"right-2.5 top-2.5":"left-2.5 top-2.5",T?"invisible opacity-0":"visible opacity-100"),src:y.logoSymbol}):null),t.createElement("div",{className:r("fixed bottom-14 bg-primary-foreground p-2 py-2 transition-all","floating"===b?"top-[76px]":"top-14",T?"overflow-auto":"overflow-hidden"),style:{height:"floating"===b?"calc(100% - 152px)":"calc(100% - 112px)",width:"".concat(g>600?T?j:56:T?j:0,"px")}},t.createElement(n,{direction:f,onItemClick:function(e){w&&w(e)},onSubItemClick:function(e){w&&w(e)},selectedItem:h,openedItem:B,setOpenedItem:function(e){return z(e)},isOpen:T,items:y.drawerItems})),t.createElement("div",{className:r("fixed  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all","rtl"===f?"flex-row-reverse":"flex-row","floating"===b?"bottom-5":"bottom-0"),style:{width:"".concat(g>600?T?j:56:T?j:0,"px")}},v&&T?t.createElement(t.Fragment,null,v):null,g>600&&T?t.createElement(i,{side:"left",delayDuration:500,content:D?(null===(m=y.texts)||void 0===m?void 0:m.collapseSidebar)||"Collapse Sidebar":(null===(d=y.texts)||void 0===d?void 0:d.expandSidebar)||"Expand Sidebar"},t.createElement(o,{variant:"light",onClick:function(){R(!D),y.onDrawerExpand&&y.onDrawerExpand(D)},size:"smallIcon"},t.createElement("svg",{className:r("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ",D?S?"-rotate-90":"rotate-90":S?"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?S?{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(_+20,"px)"),left:"0px",top:y.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(_+20,"px)"),left:"".concat(_+20,"px"),top:y.topBar?"56px":"0px"}:S?{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))};export{s as AppLayout};

package/es/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/es/src/layout/AppSidebar.js

@@ -0,0 +1 @@
+import e from"../../node_modules/react/index.js";var t=function(t){var a=t.isOpen,l=t.onClose,n=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,n.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};export{t as AppSidebar};

package/es/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/es/src/layout/Banner.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.mjs.js";import t from"../../node_modules/react/index.js";import{clsx as r}from"../../node_modules/clsx/dist/clsx.m.js";import"../elements/Label.js";import"../elements/Switch.js";import{Button as l}from"../elements/Button.js";import"../elements/DropdownMenu.js";import"../elements/Card.js";import"../elements/Tooltip.js";import"../elements/Textarea.js";import"../elements/Popover.js";import"../../node_modules/react-dom/server.node.js";import"../elements/Input.js";import"../elements/Tabs.js";import"../elements/Separator.js";import"../elements/Toast.js";import"../elements/Dialog.js";import{r as o}from"../../_virtual/index.js";var a=function(a){var m=a.design,i=void 0===m?"floating":m,s=e(a,["design"]),n=o.exports.useRef(null),d=o.exports.useState(!1),c=d[0],p=d[1];return t.createElement("div",{ref:n},t.createElement("div",{dir:s.direction,className:r({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"===s.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("rtl"===s.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")},s.logoURL&&t.createElement("img",{src:s.logoURL,className:"mr-2 h-6",alt:"Flowbite Logo"}),s.title&&t.createElement("span",{className:"self-center whitespace-nowrap text-lg font-semibold dark:text-white"},s.title)),s.text&&t.createElement("p",{className:r("m-0 flex items-center text-center text-sm  font-normal  text-gray-500 dark:text-gray-400 ","rtl"===s.direction?"md:text-right":"md:text-left")},s.text)),s.actionText&&t.createElement("div",{className:r("flex flex-shrink-0 items-center justify-center ","rtl"===s.direction?"ml-0 md:ml-10":"mr-0 md:mr-10")},t.createElement(l,{onClick:s.onActionClick},s.actionText)),t.createElement("button",{type:"button",className:r("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"===s.direction?"left-2":"right-2"),"data-dismiss-target":"#alert-default","aria-label":"Close",onClick:function(){p(!0),setTimeout((function(){n.current.removeChild(n.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"})))))};export{a as HawaBanner};

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

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

package/es/src/layout/Box.js

@@ -0,0 +1 @@
+import e from"../../node_modules/react/index.js";var r=function(r){return e.createElement("div",null,r.children)};export{r as Box};

package/es/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/es/src/layout/Footer.js

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

package/es/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/es/src/layout/HawaAppLayout.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.mjs.js";import t from"../../node_modules/react/index.js";import{clsx as r}from"../../node_modules/clsx/dist/clsx.m.js";import{FaChevronRight as l}from"../../node_modules/react-icons/fa/index.esm.js";import a from"../hooks/useDiscloser.js";import o from"../hooks/useBreakpoint.js";import"../elements/Label.js";import"../elements/Switch.js";import"../elements/Button.js";import"../elements/DropdownMenu.js";import{HawaMenu as i}from"../elements/HawaMenu.js";import"../elements/Card.js";import"../elements/Tooltip.js";import"../elements/Textarea.js";import"../elements/Popover.js";import"../../node_modules/react-dom/server.node.js";import"../elements/Input.js";import"../elements/Tabs.js";import"../elements/Separator.js";import"../elements/Toast.js";import"../elements/Dialog.js";import{r as n}from"../../_virtual/index.js";var s=function(s){var c,m=s.direction,d=void 0===m?"rtl":m,u=s.drawerSize,p=void 0===u?"md":u,f=s.onSettingsClick,x=e(s,["direction","drawerSize","onSettingsClick"]),v=n.exports.useState(!1),g=v[0],h=v[1],y=n.exports.useState(""),w=y[0],b=y[1];a(!1);var E,N=n.exports.useState(!1),j=N[0],k=N[1],P=n.exports.useRef(null),z="rtl"===d;E="undefined"!=typeof window?o():1200,n.exports.useEffect((function(){var e=function(e){!P.current||P.current.contains(e.target)||j||h(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[j]);var S={opened:{sm:"100",md:"160",lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},C=E>600?S[j?"opened":"closed"][p]:0;return t.createElement("div",{className:"fixed"},x.topBar&&t.createElement("div",{className:r("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-layoutPrimary-500 p-2",z?"flex-row-reverse":"flex-row")},E>600?x.pageTitle?t.createElement("div",{className:r(z?[E>600?"mr-14":"mr-2",j?"mr-40":""]:[E>600?"ml-14":"ml-2",j?"ml-40":""]),style:z?{marginRight:"".concat(S[j?"opened":"closed"][p],"px")}:{marginLeft:"".concat(S[j?"opened":"closed"][p],"px")}},x.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"}))," "),x.pageTitle?t.createElement("div",{className:"text-sm"},x.pageTitle):t.createElement("div",null)),t.createElement("div",{className:r("flex gap-2",z?"flex-row-reverse":"flex-row")},E>600?t.createElement("div",{className:r(z?"text-left text-xs":"text-right text-xs")},t.createElement("div",{className:"font-bold"},x.username)," ",t.createElement("div",null,x.email)):null,t.createElement(i,{direction:d,withHeader:!(E>600),headerTitle:E>600?"":x.username,headerSubtitle:E>600?"":x.email,menuItems:x.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:P,className:r("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",S[p],z?"right-0":"left-0"),style:{width:E>600?"".concat(g?S.opened[p]:S.closed[p],"px"):g?"".concat(S.opened[p],"px"):"0px"}},t.createElement("div",{className:r("no-scrollbar",x.topBar?"":"mt-2",g?"overflow-auto":"overflow-hidden")},t.createElement("div",{dir:d,className:r("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(S[g?"opened":"closed"][p]-16,"px"):"full"}},t.createElement("img",{className:r("fixed top-2.5 h-9  opacity-0 transition-all",z?"right-2.5":"left-2.5",g?"visible opacity-100":"invisible opacity-0"),src:x.logoLink}),E>600?t.createElement("img",{className:r("fixed top-2.5 h-9  transition-all",z?"right-2.5":"left-2.5",g?"invisible opacity-0":"visible opacity-100"),src:x.logoSymbol}):null),t.createElement("div",{className:"mb-10 mt-14"},null===(c=x.drawerItems)||void 0===c?void 0:c.map((function(e,a){return t.createElement("div",{key:a,className:r("flex flex-col items-stretch justify-center")},null==e?void 0:e.map((function(e,a){var o,i,n;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(x.currentPage===e.slug||(null===(o=e.subItems)||void 0===o?void 0:o.find((function(e){return e.slug===x.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 ",z?"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("mx-2 whitespace-nowrap text-sm transition-all",g?"opacity-100":"opacity-0")},e.label)),e.subItems&&t.createElement("div",{className:r(w&&e.slug===w?"-rotate-90":"rotate-90")},t.createElement(l,{fontSize:11}))),e.subItems&&t.createElement("div",{className:r("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",z?"text-right":"text-left"),style:{height:w==e.slug&&g?6+33*(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("flex flex-row gap-2 overflow-x-clip  rounded p-2 px-2 text-xs",z?"text-right":"text-left",x.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!==x.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("fixed bottom-0 flex flex-row items-center bg-layoutPrimary-500 p-4 transition-all",g?"bg-layoutPrimary-500 ":"bg-red-500",f?"justify-between":"justify-end","rtl"===d?"right-0":"left-0"),style:{width:"".concat(S[g?"opened":"closed"][p]-16,"px")}},f&&t.createElement("div",{className:" cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700",onClick:function(){return f()}},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("w-fit transition-all"),style:z?{right:"".concat(S[g?"opened":"closed"][p]-35,"px")}:{left:"".concat(S[g?"opened":"closed"][p]-35,"px")}},t.createElement("div",{dir:d,className:r("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,{fontSize:14,className:r("transition-all",z?j?"rotate-0":"rotate-180":j?"rotate-180":"rotate-0")})))):null))),t.createElement("div",{className:"fixed overflow-y-auto",style:z?{height:"calc(100% - ".concat(x.topBar?"56":"0","px)"),width:"calc(100% - ".concat(C,"px)"),left:"0px",top:x.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(x.topBar?"56":"0","px)"),width:"calc(100% - ".concat(C,"px)"),left:"".concat(C,"px"),top:x.topBar?"56px":"0px"}},x.children))};export{s as HawaAppLayout};

package/es/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/es/src/layout/HawaAppLayoutSimplified.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.mjs.js";import t from"../../node_modules/react/index.js";import{clsx as r}from"../../node_modules/clsx/dist/clsx.m.js";import l from"../hooks/useDiscloser.js";import a from"../hooks/useBreakpoint.js";import"../elements/Label.js";import"../elements/Switch.js";import{Button as i}from"../elements/Button.js";import{DropdownMenu as o}from"../elements/DropdownMenu.js";import"../elements/Card.js";import{Tooltip as n}from"../elements/Tooltip.js";import"../elements/Textarea.js";import"../elements/Popover.js";import"../../node_modules/react-dom/server.node.js";import"../elements/Input.js";import"../elements/Tabs.js";import"../elements/Separator.js";import"../elements/Toast.js";import"../elements/Dialog.js";import{r as s}from"../../_virtual/index.js";var c=function(c){var p,u,f,x=c.direction,v=void 0===x?"rtl":x,g=c.drawerSize,h=void 0===g?"md":g;c.onSettingsClick;var w=c.DrawerFooterActions,y=e(c,["direction","drawerSize","onSettingsClick","DrawerFooterActions"]),b=s.exports.useState(!1),E=b[0],j=b[1],N=s.exports.useState(""),k=N[0],S=N[1];l(!1);var z,C=s.exports.useState(!1),I=C[0],B=C[1],M=s.exports.useRef(null),R="rtl"===v;z="undefined"!=typeof window?a():1200,s.exports.useEffect((function(){var e=function(e){!M.current||M.current.contains(e.target)||I||j(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[I]);var L=200,T={opened:{sm:"100",md:L,lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},D=z>600?T[I?"opened":"closed"][h]:0;return t.createElement("div",{className:"fixed left-0"},y.topBar&&t.createElement("div",{className:r("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",R?"flex-row-reverse":"flex-row")},z>600?t.createElement("div",{className:r("dark:text-white",R?[z>600?"mr-14":"mr-2",I?"mr-40":""]:[z>600?"ml-14":"ml-2",I?"ml-40":""]),style:R?{marginRight:"".concat(T[I?"opened":"closed"][h],"px")}:{marginLeft:"".concat(T[I?"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("flex gap-2 dark:text-white",R?"flex-row-reverse":"flex-row")},z>600?t.createElement("div",{className:R?"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(o,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,direction:R?"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(m,null)),items:y.profileMenuItems,onItemSelect:function(e){return console.log("selecting item ",e)}}))),t.createElement("div",{className:r("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all",R?"right-0":"left-0"),style:{width:z>600?"".concat(E?T.opened[h]:T.closed[h],"px"):E?"".concat(T.opened[h],"px"):"0px"},onMouseEnter:function(){j(!0)},onMouseLeave:function(){return j(!!I)},ref:M},t.createElement("div",{dir:v,className:r("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),style:{width:"".concat(z>600?E?L:56:E?L:0,"px")}},t.createElement("img",{className:r("h-9  opacity-0 transition-all",E?"visible opacity-100":"invisible opacity-0"),src:y.logoLink}),z>600?t.createElement("img",{className:r("fixed top-2.5 h-9  transition-all",R?"right-2.5":"left-2.5",E?"invisible opacity-0":"visible opacity-100"),src:y.logoSymbol}):null),t.createElement("div",{className:r("fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all",E?"overflow-auto":"overflow-hidden"),style:{height:"calc(100% - 112px)",width:"".concat(z>600?E?L:56:E?L:0,"px")}},null===(p=y.drawerItems)||void 0===p?void 0:p.map((function(e,l){return t.createElement("div",{key:l,className:r("flex select-none flex-col items-stretch justify-center transition-all")},null==e?void 0:e.map((function(e,l){var a,i,o;return t.createElement("div",{key:l,id:"test",className:"flex flex-col"},t.createElement("div",{onClick:function(){e.subItems?k===e.slug?S(""):S(e.slug):e.action()},className:r(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 ",R?"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("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("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",R?"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===(o=e.subItems)||void 0===o?void 0:o.map((function(e,l){return t.createElement("div",{key:l,className:r("flex flex-row gap-2 overflow-x-clip  rounded-inner p-2 px-2 text-xs",R?"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("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(z>600?E?L:56:E?L:0,"px")}},w&&E?t.createElement(t.Fragment,null,w):null,z>600&&E?t.createElement(n,{side:"left",delayDuration:500,content:I?(null===(u=y.texts)||void 0===u?void 0:u.collapseSidebar)||"Collapse Sidebar":(null===(f=y.texts)||void 0===f?void 0:f.expandSidebar)||"Expand Sidebar"},t.createElement(i,{variant:"light",onClick:function(){return B(!I)},size:"smallIcon"},t.createElement("svg",{className:r("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ",I?R?"-rotate-90":"rotate-90":R?"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:R?{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(D,"px)"),left:"0px",top:y.topBar?"56px":"0px"}:{height:"calc(100% - ".concat(y.topBar?"56":"0","px)"),width:"calc(100% - ".concat(D,"px)"),left:"".concat(D,"px"),top:y.topBar?"56px":"0px"}},y.children))},m=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("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"}))};export{c as HawaAppLayoutSimplified};

package/es/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/es/src/layout/HawaBottomAppBar.js

@@ -0,0 +1 @@
+import e from"../../node_modules/react/index.js";var t=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))}))))};export{t as HawaBottomAppBar};

package/es/src/layout/HawaContainer.d.ts

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

package/es/src/layout/HawaContainer.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.mjs.js";import r from"../../node_modules/react/index.js";import{clsx as d}from"../../node_modules/clsx/dist/clsx.m.js";var o=function(o){var t=o.maxWidth,i=void 0===t?"normal":t,m=o.variant,n=void 0===m?"contained":m,a=o.centered,l=void 0!==a&&a,s=o.direction,c=void 0===s?"ltr":s,b=e(o,["maxWidth","variant","centered","direction"]);return r.createElement("div",{className:d("flex w-full flex-col rounded p-4",{full:"md:max-w-xl",small:"md:max-w-sm w-1/3 min-w-min",normal:"max-w-sm md:max-w-md"}[i],{contained:"bg-background border",outlined:"bg-transparent border border-black w-fit",neobrutalism:"shadow-neobrutalism  border-4 border-black  bg-white"}[n],l?"flex items-center text-center":""),dir:c},b.children)};export{o as HawaContainer};

package/es/src/layout/HawaGrid.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+type GridTypes = {
+    children?: any;
+};
+export declare const HawaGrid: FC<GridTypes>;
+export {};