@sikka/hawa 0.2.6-beta → 0.2.7-beta

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type TCheckBoxTypes = {
+    centered?: boolean;
+    label?: any;
+    helperText?: any;
+    id: string;
+    onChange?: (e: any) => void;
+    val?: boolean;
+};
+export declare const HawaCheckbox: FC<TCheckBoxTypes>;
+export {};

package/lib/src/elements/HawaCheckbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),t=require("../../node_modules/clsx/dist/clsx.m.js"),r=require("../../_virtual/index.js");exports.HawaCheckbox=function(a){var l=r.react.exports.useState(a.val),c=l[0],s=l[1];return r.react.exports.useEffect((function(){a.onChange(c)}),[c]),e.createElement("div",{className:t.clsx(a.centered?"flex h-full items-center justify-center":"flex h-full items-start ")},e.createElement("input",{type:"checkbox",checked:c,onChange:function(e){return s(e.target.checked)},id:a.id,"aria-label":a.label,className:"mt-3 rounded border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-blue-600"}),(a.label||a.helperText)&&e.createElement("div",{className:" flex cursor-pointer flex-col py-2",onClick:function(e){return s(!c)}},a.label&&e.createElement("label",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},a.label),a.helperText&&e.createElement("p",{className:"mx-2 mt-1 text-xs text-red-600 dark:text-red-500"},a.helperText)))};

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

@@ -0,0 +1,17 @@
+import { FC } from "react";
+type TChipTypes = {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element;
+    /** The color of the chip, must be a tailwind color */
+    color?: string;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large";
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable";
+};
+export declare const HawaChip: FC<TChipTypes>;
+export {};

package/lib/src/elements/HawaChip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),l=require("../../node_modules/clsx/dist/clsx.m.js");exports.HawaChip=function(a){var r=a.label,t=a.size,o=void 0===t?"normal":t,n=a.icon,d=a.color,s=a.dot,u=a.dotType,x=void 0===u?"available":u;return e.createElement("span",{className:l.clsx("flex flex-row w-fit gap-1 items-center rounded  px-2.5 py-0.5  font-bold text-blue-800 dark:bg-blue-200 dark:text-blue-800",{small:"h-full leading-4 px-1 py-0 text-[9px] gap-0.5 ",normal:"h-fit text-xs",large:""}[o],d?"bg-".concat(d,"-100 text-").concat(d,"-500"):"bg-layoutPrimary-500")},s&&e.createElement("span",{className:l.clsx({small:"flex h-1 w-1 rounded-full",normal:"flex h-2 w-2 rounded-full",large:"flex h-3 w-3 rounded-full"}[o],{available:"bg-green-500",unavailable:"bg-red-500"}[x])}),n&&n,r)};

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

@@ -0,0 +1,15 @@
+import { FC } from "react";
+type CodeBlockTypes = {
+    color?: "dark" | "light";
+    language?: string;
+    width?: "full" | "md" | "sm";
+    tabs?: TabsTypes[];
+    fileName?: string;
+    code?: string;
+};
+type TabsTypes = {
+    title: string;
+    code: string;
+};
+export declare const HawaCodeBlock: FC<CodeBlockTypes>;
+export {};

package/lib/src/elements/HawaCodeBlock.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),t=require("./Button.js"),r=require("./Tooltip.js"),l=require("../util.js"),a=require("../hooks/useClipboard.js"),n=require("../../_virtual/index.js");exports.HawaCodeBlock=function(c){var o=c.tabs,i=c.code,s=c.fileName,d=c.width,m=void 0===d?"full":d,u=a.useClipboard(),x=n.react.exports.useState(0),p=x[0],f=x[1];return e.createElement("div",{className:l.cn({full:"w-full",md:"w-full max-w-md",sm:"w-full max-w-sm",xs:"w-full max-w-xs"}[m],"w-full flex-col items-center rounded bg-gray-200 text-left text-sm text-white dark:bg-gray-800 sm:text-base")},o&&e.createElement("div",{className:"flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black dark:bg-gray-700 dark:text-white"},o.map((function(t,r){return e.createElement("div",{className:l.cn(p===r?" border-b-2 border-primary":"bg-transparent")},e.createElement("div",{onClick:function(){return f(r)},className:l.cn("mb-1 w-full max-w-[52px] cursor-pointer rounded-inner p-2 py-1 text-center text-[0.75rem] hover:bg-gray-300 dark:hover:bg-gray-500")},t.title))}))),s&&e.createElement("div",{className:"flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black  dark:bg-gray-700 dark:text-white"},e.createElement("div",{className:l.cn("mb-1 w-full max-w-[52px] rounded-inner p-2 py-1 text-center text-[0.75rem]")},s)),e.createElement("pre",null,e.createElement("code",{className:l.cn("flex w-full flex-row items-start justify-between rounded bg-gray-200 p-0 text-left  text-sm text-black dark:bg-gray-800 dark:text-white sm:text-base")},e.createElement("div",{className:"flex min-h-[37.75px] w-full  flex-col  justify-center p-4 "},o?o[p].code:i),e.createElement("div",{className:"flex w-fit flex-row items-center gap-2 p-2"},e.createElement(r.Tooltip,{open:u.copied,side:"left",content:e.createElement("div",null,"Copied!")},e.createElement(t.Button,{size:"icon",onClick:function(){return u.copy(o?o[p].code:i)}},e.createElement("svg",{"aria-label":"Copy Icon",stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1em",width:"1em"},e.createElement("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),e.createElement("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"}))))))))};

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

@@ -0,0 +1,9 @@
+import { FC, ChangeEvent } from "react";
+type ColorPickerTypes = {
+    /** The hex code for the color */
+    color?: any;
+    /** Fires everytime the color changes */
+    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const HawaColorPicker: FC<ColorPickerTypes>;
+export {};

package/lib/src/elements/HawaColorPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),r=require("../../_virtual/index.js");exports.HawaColorPicker=function(t){var a=r.react.exports.useState(t.color),l=a[0],n=a[1];return e.createElement("div",{className:"flex w-fit flex-row rounded border p-0"},e.createElement("div",{style:{backgroundColor:l},className:"rounded-bl-lg rounded-tl-lg"},e.createElement("input",{type:"color",value:l,onChange:function(e){n(e.target.value),t.handleChange(e)},className:"opacity-0"})),e.createElement("input",{type:"text",onChange:function(e){n(e.target.value),t.handleChange(e)},value:l,className:"w-24 bg-background  rounded-br-lg rounded-tr-lg pl-2 pr-2"}))};

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

@@ -0,0 +1,15 @@
+import { FC } from "react";
+type CopyRightsTypes = {
+    /** A text used as the version of the app, for example: v1.0.0 */
+    version?: string;
+    /** Credit to the creator of the app, for example: Sikka Software */
+    credits?: string;
+    /** The URL of the logo in the copyrights */
+    logoURL?: string;
+    /** Enable/Disable the existance of the logo */
+    withLogo?: boolean;
+    /** Fires when the logo is clicked, usually goes to the website of the creator of the app */
+    onLogoClicked?: any;
+};
+export declare const HawaCopyrights: FC<CopyRightsTypes>;
+export {};

package/lib/src/elements/HawaCopyrights.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.HawaCopyrights=function(t){return e.createElement("div",{className:"my-2 flex flex-col items-center justify-center gap-1 text-xs text-gray-400"},t.withLogo?e.createElement("a",{href:t.onLogoClicked},e.createElement("div",{className:"cursor-pointer"},e.createElement("image",{href:t.logoURL,width:100,height:50}))):null,e.createElement("div",null,t.version),t.credits?t.credits:null)};

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

@@ -0,0 +1,4 @@
+import { FC } from "react";
+type DatepickerTypes = {};
+export declare const HawaDatepicker: FC<DatepickerTypes>;
+export {};

package/lib/src/elements/HawaDatepicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),r=require("../../_virtual/index.js");exports.HawaDatepicker=function(){var a=r.react.exports.useState(""),t=a[0],d=a[1];return e.createElement("div",{className:"relative inline-block text-left"},e.createElement("span",{className:"rounded-md shadow-sm"},e.createElement("input",{type:"date",value:t,onChange:function(e){d(e.target.value)},className:"block w-full rounded border border-gray-300 bg-white p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"})))};

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type IconCountTypes = {
+    /** The icon of the counter */
+    icon: JSX.Element;
+    /** The text next to the icon */
+    count?: string;
+};
+export declare const HawaIconCount: FC<IconCountTypes>;
+export {};

package/lib/src/elements/HawaIconCount.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.HawaIconCount=function(t){return e.createElement("div",{className:"flex h-fit  flex-row items-center  gap-2 px-2"},e.createElement("div",null,t.icon),e.createElement("div",{className:"text-sm"},t.count))};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+type InlineCodeTypes = {
+    text: string;
+};
+export declare const HawaInlineCode: FC<InlineCodeTypes>;
+export {};

package/lib/src/elements/HawaInlineCode.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.HawaInlineCode=function(t){return e.createElement("code",{className:"inline-code"},t.text)};

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

@@ -0,0 +1,27 @@
+import { FC } from "react";
+import { MenuItemType } from "./DropdownMenu";
+interface ItemCardTypes {
+    headerActions?: MenuItemType[];
+    header?: any;
+    content?: any;
+    /** a URL for the image of the card */
+    cardImage?: string;
+    /** a function that fires when the card is clicked anywhere */
+    onCardClick?: any;
+    /** a React node with HawaIconCount children to have counters at the bottom of the card */
+    counts?: JSX.Element;
+    /** The action buttons on the bottom right of the card */
+    actions?: JSX.Element;
+    /** The orientation of the card */
+    orientation?: "horizontal" | "vertical";
+    /** Enabling this blurs the image on hover and shows an action button */
+    clickableImage?: boolean;
+    /** The function of the action button on the image of the card */
+    clickableImageAction?: () => void;
+    /** The text of the action button on the image of the card */
+    clickableImageActionText: string;
+    /** The icon of the action button on the image of the card */
+    clickableImageActionIcon?: any;
+}
+export declare const HawaItemCard: FC<ItemCardTypes>;
+export {};

package/lib/src/elements/HawaItemCard.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"),l=require("./DropdownMenu.js"),n=require("../../_virtual/index.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}exports.HawaItemCard=function(c){var i=c.actions,s=c.counts,u=c.content,d=c.headerActions,m=c.clickableImage,g=c.clickableImageAction,f=c.clickableImageActionText,b=c.clickableImageActionIcon,x=c.header,p=c.cardImage,v=c.orientation,h=void 0===v?"vertical":v,w=e.__rest(c,["actions","counts","content","headerActions","clickableImage","clickableImageAction","clickableImageActionText","clickableImageActionIcon","header","cardImage","orientation"]),y=n.react.exports.useState(!1),k=y[0],j=y[1];return n.react.exports.useEffect((function(){return window.onclick=function(){k&&j(!1)},function(){return window.onclick=null}}),[k]),t.createElement("div",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){o(e,t,r[t])}))}return e}({className:r.clsx("block rounded border border-gray-200 bg-white shadow-sm hover:shadow-lg transition-all dark:border-gray-700 dark:bg-gray-800 ",{vertical:"max-w-sm",horizontal:"flex flex-row w-full"}[h])},w),p&&t.createElement("div",{className:"group relative overflow-clip"},t.createElement("img",{src:"https://via.placeholder.com/50",className:r.clsx({vertical:"h-auto max-h-56 w-full rounded-t-lg object-cover",horizontal:"h-full w-48 rounded-l object-cover"}[h],m?"overflow-clip transition-all group-hover:blur-lg":"")}),m&&t.createElement("div",{className:"absolute left-0 top-0 flex h-full w-full items-center  justify-center opacity-0 transition-all group-hover:opacity-100 "},t.createElement(a.Button,{variant:"secondary",onClick:g,className:"flex flex-row gap-2"},b,f))),t.createElement("div",{className:"relative w-full p-6"},d&&t.createElement("div",{className:"max-h- bg-red absolute right-0 top-0 flex justify-end pr-3 pt-3"},t.createElement(l.DropdownMenu,{items:d,trigger:t.createElement("div",{className:r.clsx("inline-block rounded p-1 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700"),onClick:function(){j(!k)}},t.createElement("span",{className:"sr-only"},"Open dropdown"),t.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},t.createElement("path",{d:"M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"})))})),x&&t.createElement("h5",{className:"mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"},x),u&&t.createElement("span",{className:"w-full font-normal text-gray-700 dark:text-gray-400"},u),i||s?t.createElement("div",{className:r.clsx("mt-3 flex items-center rounded-b-lg dark:text-white ",i&&s?"justify-between":"justify-end")},s,i):null))};

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

@@ -0,0 +1,18 @@
+import { FC } from "react";
+type LandingCardTypes = {
+    orientation: "vertical" | "horizontal";
+    title: string;
+    description: string;
+    imageURL: string;
+    handleHide: any;
+    texts?: {
+        titleTip?: string;
+        title?: string;
+        description?: string;
+        linkText?: string;
+    };
+    buttonLink?: string;
+    className?: any;
+};
+export declare const HawaLandingCard: FC<LandingCardTypes>;
+export {};

package/lib/src/elements/HawaLandingCard.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/clsx/dist/clsx.m.js"),r=require("../../node_modules/react/index.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}exports.HawaLandingCard=function(o){var l,n,a,d,s,c,u,m,v=o.orientation,x=void 0===v?"horizontal":v,b=e.__rest(o,["orientation"]);return r.createElement("div",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){i(e,t,r[t])}))}return e}({className:t.clsx({horizontal:"flex max-w-xl rounded border-gray-200 bg-gray-100 shadow-md  dark:border-gray-700 dark:bg-gray-800 ",vertical:"flex max-w-xs rounded border-gray-200 bg-gray-100 shadow-md  dark:border-gray-700 dark:bg-gray-800 "}[x],"flex flex-col p-10","relative overflow-hidden dark:text-white",b.className)},b),(null===(l=b.texts)||void 0===l?void 0:l.titleTip)&&r.createElement("div",{className:"text-sm text-red-600"},null===(n=b.texts)||void 0===n?void 0:n.titleTip),b.imageURL&&r.createElement("img",{className:"absolute -bottom-10 -right-10 h-40 w-auto ",src:b.imageURL}),(null===(a=b.texts)||void 0===a?void 0:a.title)&&r.createElement("div",{className:"mt-2 text-lg font-medium"},null===(d=b.texts)||void 0===d?void 0:d.title," "),(null===(s=b.texts)||void 0===s?void 0:s.description)&&r.createElement("div",{className:"z-10 mt-4 text-sm"},null===(c=b.texts)||void 0===c?void 0:c.description),(null===(u=b.texts)||void 0===u?void 0:u.linkText)&&r.createElement("div",{className:"z-10 mt-6 text-sm underline underline-offset-8"},null===(m=b.texts)||void 0===m?void 0:m.linkText))};

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type LoadingTypes = {
+    size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
+    design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots";
+    color?: any;
+};
+export declare const HawaLoading: FC<LoadingTypes>;
+export {};

package/lib/src/elements/HawaLoading.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),a=require("../../node_modules/react/index.js"),t=require("../../node_modules/clsx/dist/clsx.m.js");exports.HawaLoading=function(l){var i=l.design,s=void 0===i?"spinner":i,n=l.size,r=void 0===n?"sm":n,o=l.color;e.__rest(l,["design","size","color"]);var d={button:"h-4 w-4",xs:"h-1 w-1",sm:"h-6 w-6",normal:"h-8 w-8",lg:"h-14 w-14",xl:"h-24 w-24"},m={pulse:"animate-in fade-in duration-1000",bounce:"animate-bounce"};return"dots"===s.split("-")[0]?a.createElement("div",{className:"flex flex-row gap-2"},a.createElement("div",{className:t.clsx("animate-bounce rounded-full delay-100 repeat-infinite","button"===r?"h-2 w-2":d[r],m[s.split("-")[1]],o||"bg-primary")}),a.createElement("div",{className:t.clsx("animate-bounce rounded-full delay-200 repeat-infinite","button"===r?"h-2 w-2":d[r],m[s.split("-")[1]],o||"bg-primary")}),a.createElement("div",{className:t.clsx("animate-bounce rounded-full delay-300 repeat-infinite","button"===r?"h-2 w-2":d[r],m[s.split("-")[1]],o||"bg-primary")})):a.createElement("div",{className:"flex flex-row gap-x-3"},a.createElement("div",{"aria-label":"Loading...",role:"status"},a.createElement("svg",{className:t.clsx(d[r],"animate-spin"),viewBox:"3 3 18 18"},a.createElement("path",{className:"fill-primary/20",d:"M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"}),a.createElement("path",{className:o||"fill-primary",d:"M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"}))))};

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

@@ -0,0 +1,24 @@
+import { ReactNode, FC } from "react";
+interface TMenuTypes {
+    menuItems: MenuItems[][];
+    withHeader?: boolean;
+    headerTitle?: string;
+    headerSubtitle?: string;
+    direction?: "rtl" | "ltr";
+    anchor?: any;
+    children?: ReactNode;
+    position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    onClickOutside?: any;
+    actionedItem?: any;
+    size?: "small" | "normal" | "large";
+}
+type MenuItems = {
+    icon?: JSX.Element;
+    disabled?: boolean;
+    label: string;
+    action?: (e: any) => void;
+    isButton?: boolean;
+    element?: any;
+};
+export declare const HawaMenu: FC<TMenuTypes>;
+export {};

package/lib/src/elements/HawaMenu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),t=require("../../node_modules/clsx/dist/clsx.m.js"),r=require("../../_virtual/index.js");exports.HawaMenu=function(n){var c=n.menuItems,a=n.withHeader,o=n.direction,l=void 0===o?"ltr":o,i=n.headerTitle,s=n.headerSubtitle,u=n.size,x=void 0===u?"normal":u,d=n.children,p=n.onClickOutside,m=n.actionedItem,v=n.position,g=void 0===v?"top-right":v,b=r.react.exports.useState(!1),f=b[0],h=b[1],y=r.react.exports.useRef(null),k=r.react.exports.useState(null),w=k[0],E=k[1],C=r.react.exports.useState(null),N=C[0],R=C[1],S=r.react.exports.useRef(null),B=r.react.exports.useState(null),_=B[0],j=B[1],q=r.react.exports.useState(null),P=q[0],z=q[1];r.react.exports.useEffect((function(){var e,t,r,n;z(null===(e=S.current)||void 0===e?void 0:e.getBoundingClientRect().height),j(null===(t=S.current)||void 0===t?void 0:t.getBoundingClientRect().width),E(null===(r=y.current)||void 0===r?void 0:r.getBoundingClientRect().height),R(null===(n=y.current)||void 0===n?void 0:n.getBoundingClientRect().width);var c=function(e){S.current&&!S.current.contains(e.target)&&h(!1)};return document.addEventListener("click",c,!0),function(){document.removeEventListener("click",c,!0)}}),[p]);var H,I={small:"text-[11px] p-1 px-4 m-0",normal:"py-2 px-4",large:""};switch(g){case"top-right":H="rtl"===l?"".concat(_-N,"px, -").concat(P+w+5,"px"):"0px, -".concat(P+w+5,"px");break;case"top-left":H="rtl"===l?"".concat(0,"px, -").concat(P+w+5,"px"):"-".concat(_-N,"px, -").concat(P+w+5,"px");break;case"bottom-right":H="rtl"===l?"-".concat(0,"px, ").concat(5,"px"):"-".concat(N-_,"px, ").concat(5,"px");break;case"bottom-left":H="rtl"===l?"0px, ".concat(5,"px"):"-".concat(_-N,"px,").concat(5,"px");break;case"right-bottom":H="rtl"===l?"".concat(_+5,"px, -").concat(w,"px"):"".concat(N+5,"px, -").concat(w,"px");break;case"right-top":H="rtl"===l?"".concat(_+5,"px, -").concat(P,"px"):"".concat(N+5,"px, -").concat(P,"px");break;case"left-bottom":H="rtl"===l?"-".concat(N+5,"px, -").concat(w,"px"):"-".concat(_+5,"px, -").concat(w,"px");break;case"left-top":H="rtl"===l?"-".concat(N+5,"px, -").concat(P,"px"):"-".concat(_+5,"px, -").concat(P,"px");break;default:H="-".concat(_/2,"px, -").concat(w+P/2,"px")}return e.createElement("div",{onClick:function(){h(!f)}},e.createElement("div",{ref:y},d),e.createElement("div",{ref:S,style:{position:"absolute",width:"max-content",transform:"translate(".concat(H,")"),maxWidth:"200px"},className:t.clsx("border-none absolute ring-offset-1 absolute z-10 w-44 divide-y divide-gray-100 overflow-y-clip rounded bg-gray-50 shadow-lg transition-all dark:bg-gray-700",f?"opacity-100":"invisible opacity-0")},a&&e.createElement("div",{className:"px-4 py-3 text-xs text-gray-900 dark:text-white"},e.createElement("div",null,i),e.createElement("div",{className:"truncate font-medium"},s)),null==c?void 0:c.map((function(r,n){return e.createElement("ul",{key:n,className:"bg-layout-1200 flex flex-col gap-1 p-1 text-gray-700 dark:text-gray-200"},null==r?void 0:r.map((function(r,n){return r.element?e.createElement("li",{key:n,className:"cursor-pointer items-center rounded hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600 dark:hover:text-white"},r.element):e.createElement("li",{key:n,onClick:function(){r.disabled?console.log("button is disabled"):null==r||r.action(m)},className:t.clsx("transition-all",r.isButton?"flex cursor-pointer flex-row items-center rounded-inner bg-buttonPrimary-500 px-4 py-2 text-white  hover:bg-buttonPrimary-700 rtl:flex-row-reverse":r.disabled?"text-gray-300":" flex cursor-pointer flex-row items-center rounded-inner hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600  dark:hover:text-white ",I[x])},r.icon&&e.createElement("div",{className:"small"===x?"mr-1 rtl:ml-1":"mr-2 rtl:ml-2"},r.icon),r.label)})))}))))};

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

@@ -0,0 +1,21 @@
+import { ReactElement, FC } from "react";
+type ModalTypes = {
+    /**   * The boolean to open and close the modal   */
+    open: boolean;
+    /**   * The title of the modal, it will appear in the header of the modal   */
+    title: string;
+    /**
+     * a function that's triggered when the modal is closed either by the clicking the close button or outside the modal.
+     * @returns void
+     */
+    onClose: () => void;
+    /**   * Boolean to enable/disable closing the modal upon clicking outside the modal   */
+    closeOnClickOutside?: boolean;
+    /**   * The id of the modal   */
+    modalID?: string;
+    children: ReactElement;
+    /**   * The array of actions for the modal, it will appear in the footer of the modal   */
+    actions: any;
+};
+export declare const HawaModal: FC<ModalTypes>;
+export {};

package/lib/src/elements/HawaModal.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"),a=require("../../node_modules/clsx/dist/clsx.m.js"),l=require("../../_virtual/index.js");exports.HawaModal=function(r){var s=r.open,n=r.title,o=r.onClose,i=r.closeOnClickOutside,c=void 0===i||i,d=e.__rest(r,["open","title","onClose","closeOnClickOutside"]);return l.react.exports.useEffect((function(){return c&&s&&(window.onclick=function(e){e.stopPropagation(),o()}),function(){return window.onclick=null}}),[s]),t.createElement("div",{className:a.clsx("absolute top-1/2 left-1/2 w-full h-screen flex flex-col justify-center items-center -translate-x-1/2 -translate-y-1/2 transition-all",s?"z-10  opacity-100 ":"invisible -z-10 opacity-0")},t.createElement("div",{className:a.clsx("absolute h-screen w-full bg-gray-500 opacity-50",s?"opacity-50":"opacity-0")}),t.createElement("div",{className:"relative w-1/2 max-w-md rounded bg-white p-1 shadow-lg dark:bg-gray-700"},t.createElement("div",{className:"flex items-start justify-between rounded-t p-3 dark:border-gray-600"},t.createElement("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white"},n),t.createElement("button",{type:"button",className:"inline-flex items-center rounded bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white","data-modal-toggle":"defaultModal",onClick:function(e){o()}},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("span",{className:"sr-only"},"Close modal"))),t.createElement("div",{className:"space-y-6 p-3"},d.children),t.createElement("div",{className:"mx-2 flex items-center justify-end space-x-1  p-0  dark:border-gray-600"},d.actions)))};

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type PanelTabsTypes = {
+    defaultValue: any;
+    options: [{
+        label: string;
+        value: string;
+    }];
+    lang: any;
+    handleChange: any;
+    location: any;
+};
+export declare const HawaPanelTabs: FC<PanelTabsTypes>;
+export {};

package/lib/src/elements/HawaPanelTabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),t=require("../../_virtual/index.js");exports.HawaPanelTabs=function(a){var r=t.react.exports.useState(a.defaultValue);return r[0],r[1],e.createElement("div",null,e.createElement("div",{className:"mb-4 border-b border-gray-200 dark:border-gray-700"},e.createElement("ul",{className:"-mb-px flex flex-wrap text-center text-sm font-medium",id:"myTab","data-tabs-toggle":"#myTabContent",role:"tablist"},a.options.map((function(t,a){return e.createElement("li",{key:a,className:"mr-2",role:"presentation"},e.createElement("button",{className:"inline-block rounded-t-lg border-b-2 border-blue-600 p-4 text-blue-600 hover:text-blue-600 dark:border-blue-500 dark:text-blue-500 dark:hover:text-blue-500",id:"".concat(t.value,"-tab"),"data-tabs-target":"#".concat(t.value),type:"button",role:"tab","aria-controls":t.value,"aria-selected":"true"},t.label))})))),e.createElement("div",{id:"myTabContent"},a.options.map((function(t,a){return e.createElement("div",{key:a,className:"rounded bg-gray-50 p-4 dark:bg-gray-800",id:"".concat(t.value),role:"tabpanel","aria-labelledby":"".concat(t.value,"-tab")},t.content)}))))};

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type HawaPhoneInputTypes = {
+    preferredCountry?: any;
+    helperText?: any;
+    label?: string;
+    value?: any;
+    country?: any;
+    handleChange?: any;
+};
+export declare const HawaPhoneInput: FC<HawaPhoneInputTypes>;
+export {};

package/lib/src/elements/HawaPhoneInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),r=require("../../node_modules/react/index.js"),t=require("../countries.js"),n=require("../../node_modules/react-select/dist/react-select.esm.js"),l=require("../../_virtual/index.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}var c=function(t){t.cx;var n=t.children;t.getStyles;var l=t.innerProps,a=t.innerRef;return e.__rest(t,["cx","children","getStyles","innerProps","innerRef"]),r.createElement("div",o({className:"absolute z-50 w-[190px] rounded border bg-background",ref:a},l),n)},u=function(t){t.cx;var n=t.children;t.getStyles;var l=t.innerProps,a=t.innerRef,c=e.__rest(t,["cx","children","getStyles","innerProps","innerRef"]);return r.createElement("div",o({ref:a,className:"m-2 flex cursor-pointer flex-row items-center justify-between rounded-inner p-1 px-2 hover:bg-primary hover:text-primary-foreground"},l),r.createElement("div",{className:"flex flex-row items-center justify-center gap-1"},r.createElement("img",{className:"h-8 w-8",src:c.data.image}),r.createElement("span",{className:"text-[10px]"},c.data.country_label)),n)};exports.HawaPhoneInput=function(a){var o=l.react.exports.useState("+966"),s=o[0],i=o[1];return r.createElement("div",{className:"mb-3 flex flex-col"},a.label&&r.createElement("label",{className:"mb-2 block text-sm font-medium"},a.label),r.createElement("div",{dir:"ltr",className:"flex flex-row "},r.createElement(n.default,{classNames:{control:function(){return"w-[64px] text-right pr-2 cursor-pointer z-10 border rounded-l bg-background"},placeholder:function(e){return"text-muted-foreground text-right "},input:function(e){return"bg-transparent cursor-pointer dark:text-white p-2 rounded-l text-[0.875rem] "},valueContainer:function(){return"rounded-l h-auto text-[0.875rem]"}},styles:{placeholder:function(r){return e.__assign(e.__assign({},r),{fontSize:"0.875rem",textAlign:"right"})}},components:{Option:u,Menu:c,DropdownIndicator:function(){return null},IndicatorSeparator:function(){return null}},options:t,isMulti:!1,isSearchable:!0,isClearable:!1,placeholder:"+966",unstyled:!0,defaultValue:a.preferredCountry,value:s,onChange:function(e,r){return i(e)}}),r.createElement("input",{onChange:a.handleChange,type:"number",placeholder:"531045453",className:"block w-full rounded-r  border bg-background p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500"}),a.helperText&&r.createElement("p",{className:"mb-1 mt-1 text-xs text-red-600 dark:text-red-500"},a.helperText)))};

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+type PinInputTypes = {
+    label?: string;
+    icon?: JSX.Element;
+    digits: number;
+    width?: "normal" | "full";
+    getPins?: any;
+};
+export declare const HawaPinInput: FC<PinInputTypes>;
+export {};

package/lib/src/elements/HawaPinInput.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"),n=require("../../node_modules/clsx/dist/clsx.m.js"),r=require("../../_virtual/index.js");function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}exports.HawaPinInput=function(a){a.label,a.icon;var o=a.digits,c=a.width,l=void 0===c?"normal":c,i=a.getPins,s=e.__rest(a,["label","icon","digits","width","getPins"]),f=r.react.exports.useState(Array.from(Array(o))),d=f[0],g=f[1];r.react.exports.useEffect((function(){d.includes(void 0)||i(d)}));return t.createElement("div",{className:"flex w-full flex-row justify-center gap-2"},d.map((function(r,a){return t.createElement("input",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){u(e,t,n[t])}))}return e}({key:a,type:"text",maxLength:1,value:r,id:"input-".concat(a),pattern:"[0-9]*",className:n.clsx("h-10 rounded border bg-background text-center","full"===l?"w-full":"w-10"),onChange:function(t){return function(t,n){var r;if(!/^\d*$/.test(t.target.value))return(r=e.__spreadArray([],d,!0))[n]="",void g(r);if((r=e.__spreadArray([],d,!0))[n]=t.target.value,g(r),1===t.target.value.length){var u=document.getElementById("input-".concat(n+1));null==u||u.focus()}else if(0===t.target.value.length){var a=document.getElementById("input-".concat(n-1));null==a||a.focus()}}(t,a)},onKeyDown:function(e){return function(e,t){var n=0;if("Backspace"===e.key){n=0===e.target.value.length?t-1:t;var r=document.getElementById("input-".concat(n));null==r||r.focus()}}(e,a)},onFocus:function(e){return e.target.select()}},s))})))};

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

@@ -0,0 +1,21 @@
+import { FC } from "react";
+type PricingCardTypes = {
+    direction?: "rtl" | "ltr";
+    features: [{
+        included: boolean;
+        text: string;
+    }];
+    price: number;
+    texts: {
+        title: string;
+        subtitle: string;
+        buttonText: string;
+        cycleText: string;
+        currencyText: string;
+    };
+    onPlanClicked?: () => void;
+    currentPlan?: boolean;
+    size: "small" | "medium" | "large";
+};
+export declare const HawaPricingCard: FC<PricingCardTypes>;
+export {};

package/lib/src/elements/HawaPricingCard.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/clsx/dist/clsx.m.js"),r=require("../../node_modules/react/index.js"),l=require("./Button.js");exports.HawaPricingCard=function(a){var n,s=a.size,m=void 0===s?"medium":s,i=a.direction,d=void 0===i?"ltr":i,o=a.currentPlan,c=void 0!==o&&o,u=e.__rest(a,["size","direction","currentPlan"]),x="rtl"===d;return r.createElement("div",{dir:x?"rtl":"ltr",className:t.clsx(c?"border-primary":"bg-background",{small:"mx-1 w-full  max-w-sm rounded border dark:border-gray-700 bg-background ",medium:"mx-1 w-full rounded min-w-fit border dark:border-gray-700 bg-background ",large:"mx-1 w-full max-w-lg rounded border dark:border-gray-700 bg-background "}[m],"flex flex-col gap-4 rounded border-2 p-4")},r.createElement("h5",{className:"text-md 0 font-bold text-primary/70"},u.texts.title),r.createElement("div",{className:" text-primary/ flex  items-baseline"},r.createElement(r.Fragment,null,r.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},u.price),r.createElement("span",{className:"mx-1 text-sm font-semibold"},u.texts.currencyText)),r.createElement("span",{className:"ml-1 text-xl font-normal text-primary/70"},"/ ",u.texts.cycleText)),r.createElement("h5",{className:"text-md  font-normal text-primary/70"},u.texts.subtitle),u.features&&r.createElement("ul",{role:"list",className:"space-y-0 "},null===(n=u.features)||void 0===n?void 0:n.map((function(e,t){return r.createElement("li",{key:t,className:"flex "},r.createElement("svg",{"aria-label":"Check Icon","aria-hidden":"true",className:"m-2 h-5 w-5 flex-shrink-0 text-primary",fill:"currentColor",viewBox:"0 0 20 20"},r.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})),r.createElement("span",{className:"flex items-center  text-center font-normal leading-tight text-primary/70 "},e.text))}))),r.createElement(l.Button,{onClick:u.onPlanClicked,disabled:c,className:"w-full"},u.texts.buttonText))};

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

@@ -0,0 +1,17 @@
+import { FC } from "react";
+type RadioTypes = {
+    orientation?: "vertical" | "horizontal";
+    design?: "default" | "tabs" | "cards" | "bordered";
+    options?: {
+        value: any;
+        label: any;
+        disabled?: any;
+        sublabel?: any;
+        icon?: any;
+    }[];
+    width?: "default" | "full";
+    onChangeTab?: any;
+    defaultValue?: any;
+};
+export declare const HawaRadio: FC<RadioTypes>;
+export {};

package/lib/src/elements/HawaRadio.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),r=require("../../node_modules/react/index.js"),t=require("../util.js"),a=require("../../_virtual/index.js");exports.HawaRadio=function(l){var n,i,o,d=l.design,u=void 0===d?"default":d,s=l.width,c=void 0===s?"default":s,m=l.orientation,p=void 0===m?"horizontal":m,f=e.__rest(l,["design","width","orientation"]),b=a.react.exports.useState(f.defaultValue),v=b[0],g=b[1],x={horizontal:"flex flex-row",vertical:"flex flex-col"},y=a.react.exports.useState(null),h=y[0],w=y[1],k=a.react.exports.useRef(null);switch(a.react.exports.useEffect((function(){if(k.current&&k.current.parentNode){var e=window.getComputedStyle(k.current.parentNode).direction;w(e)}})),u){case"tabs":return r.createElement("ul",{ref:k,className:t.cn((null===(n=f.options)||void 0===n?void 0:n.length)>2?"flex-wrap xs:max-w-full xs:flex-nowrap":"","select-none whitespace-nowrap rounded  border text-center text-sm font-medium",{default:"max-w-fit",full:"w-full"}[c],x[p])},null===(i=f.options)||void 0===i?void 0:i.map((function(e,a){return r.createElement("li",{"aria-current":"page",onClick:function(){g(e.value),f.onChangeTab(e.value)},className:t.cn("w-full cursor-pointer ","horizontal"===p&&"ltr"===h&&"rounded-none first:rounded-l last:rounded-r","horizontal"===p&&"rtl"===h&&"rounded-none first:rounded-r last:rounded-l","vertical"===p&&"rounded-none first:rounded-t last:rounded-b","last flex flex-row items-center justify-center gap-2 ",v===e.value?"inline-block py-2 px-4  w-full text-primary-foreground bg-primary  active dark:bg-primary ":"inline-block py-2 px-4 w-full transition-all hover:bg-primary/10 dark:bg-background bg-primary/5  hover:text-gray-900  dark:hover:bg-primary/10 dark:hover:text-white dark:bg-primary/5"),key:a},e.icon&&e.icon,e.label)})));case"bordered":return r.createElement("div",{className:t.cn(x[p],"gap-4")},f.options.map((function(e,a){return r.createElement("div",{className:"rounded border border-gray-200   "},r.createElement("div",{className:"radio-item radio-item-bordered flex items-center    transition-all",key:a+1},r.createElement("input",{disabled:e.disabled,id:e.value.toString(),type:"radio",value:e.value,name:"bordered-radio"}),r.createElement("label",{htmlFor:e.value.toString(),className:t.cn("ml-2 w-full  p-4 pl-3  text-sm font-medium dark:text-white",e.disabled?"opacity-50":"cursor-pointer text-gray-900")},e.label)))})));case"cards":return r.createElement("ul",{className:t.cn(x[p],"gap-4")},null===(o=f.options)||void 0===o?void 0:o.map((function(e,a){return r.createElement("li",null,r.createElement("input",{type:"radio",id:e.value.toString(),name:"cards-radio",value:e.value.toString(),className:"peer hidden",required:!0,disabled:e.disabled}),r.createElement("label",{htmlFor:e.value.toString(),className:t.cn("inline-flex h-full w-full  items-center justify-between rounded-lg border border-gray-200 bg-white p-5                    text-gray-500  peer-checked:border-blue-600 peer-checked:text-blue-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400  dark:peer-checked:text-primary",e.disabled?"opacity-50":"cursor-pointer hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300")},r.createElement("div",{className:"block  h-full w-full"},r.createElement("div",{className:"w-full text-lg font-semibold"},e.label),r.createElement("div",{className:"w-full"},e.sublabel))))})));default:return r.createElement("div",{className:t.cn(x[p],"gap-2")},f.options.map((function(e,a){return r.createElement("div",{className:"radio-item radio-item-default  flex items-center transition-all",key:a+1},r.createElement("input",{disabled:e.disabled,id:e.value.toString(),type:"radio",value:e.value,name:"default-radio"}),r.createElement("label",{htmlFor:e.value.toString(),className:t.cn("text-sm font-medium dark:text-white",e.disabled?"text-gray-400":"cursor-pointer text-gray-900")},e.label))})))}};

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+type RangeTypes = {
+    value?: any;
+    handleChange?: any;
+    startElement?: any;
+    endElement?: any;
+    label?: string;
+    min?: any;
+    max?: any;
+};
+export declare const HawaRange: FC<RangeTypes>;
+export {};

package/lib/src/elements/HawaRange.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"),a=require("../../_virtual/index.js");exports.HawaRange=function(r){var l=r.value,n=r.handleChange,s=r.startElement,m=r.endElement,d=r.label,i=e.__rest(r,["value","handleChange","startElement","endElement","label"]),u=a.react.exports.useState(l),c=u[0],o=u[1];return t.createElement("div",i,d&&t.createElement("label",{htmlFor:"default-range",className:"mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"},d),t.createElement("div",{className:"flex w-fit flex-row items-center justify-center"},t.createElement("div",{className:"mr-2"},s)," ",t.createElement("input",{id:"default-range",type:"range",value:c,onChange:function(e){o(e.target.value),n(e)},className:"h-2 w-fit cursor-pointer appearance-none rounded bg-gray-200 dark:bg-gray-700"}),t.createElement("div",{className:"ml-2"},m)," "))};

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

@@ -0,0 +1,4 @@
+import { FC } from "react";
+type SearchBarTypes = {};
+export declare const HawaSearchBar: FC<SearchBarTypes>;
+export {};

package/lib/src/elements/HawaSearchBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),r=require("./HawaTextField.js");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.HawaSearchBar=function(n){return e.createElement(r.HawaTextField,function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({type:"search"},n))};

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

@@ -0,0 +1,25 @@
+import { FC } from "react";
+type SelectTypes = {
+    label?: string;
+    options?: {
+        value: any;
+        label: any;
+    }[];
+    isCreatable?: boolean;
+    isClearable?: boolean;
+    isMulti?: boolean;
+    isSearchable?: boolean;
+    onChange?: any;
+    helperText?: any;
+    onInputChange?: any;
+    native?: any;
+    width?: "full" | "small";
+    value?: any;
+    children?: any;
+    getOptionLabel?: any;
+    disabled?: boolean;
+    defaultValue?: any;
+    isLoading?: any;
+};
+export declare const HawaSelect: FC<SelectTypes>;
+export {};

package/lib/src/elements/HawaSelect.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),n=require("../../node_modules/clsx/dist/clsx.m.js"),r=require("../../node_modules/react/index.js"),t=require("../../node_modules/react-select/dist/react-select.esm.js"),i=require("../../node_modules/react-select/creatable/dist/react-select-creatable.esm.js"),s=require("./Label.js"),l=require("../util.js"),o=require("./Skeleton.js");function a(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function u(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){a(e,n,r[n])}))}return e}var c=function(t){t.cx;var i=t.children;t.getStyles;var s=t.innerProps,l=t.innerRef,o=t.size,a=void 0===o?"normal":o;e.__rest(t,["cx","children","getStyles","innerProps","innerRef","size"]);return r.createElement("div",u({ref:l,className:n.clsx({small:"h-7 text-xs",normal:"h-[2.36rem]  text-sm",large:""}[a],"flex  w-full rounded border bg-background text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:focus:ring-blue-500")},s),i)},d=function(n){n.cx;var t=n.children;n.getStyles;var i=n.innerProps,s=n.innerRef;return e.__rest(n,["cx","children","getStyles","innerProps","innerRef"]),r.createElement("div",u({className:"absolute z-10 mt-2 flex w-full  flex-col justify-start  rounded  border  bg-background  p-1.5",ref:s},i),t)},f=function(n){n.cx;var t=n.children;n.getStyles;var i=n.innerProps,s=n.innerRef;return n.size,e.__rest(n,["cx","children","getStyles","innerProps","innerRef","size"]),r.createElement("div",u({ref:s,className:"flex cursor-pointer select-none flex-row items-center justify-between rounded-inner p-1 px-2 hover:bg-primary hover:text-primary-foreground"},i),t)};exports.HawaSelect=function(n){return r.createElement("div",{className:" flex w-full flex-col gap-2"},n.label&&r.createElement(s.Label,null,n.label),n.isLoading?r.createElement(o.Skeleton,{className:"h-[38px] w-full"}):n.isCreatable?r.createElement(i.default,{styles:{input:function(n){return e.__assign(e.__assign({},n),{"input:focus":{boxShadow:"none"}})},control:function(n){return e.__assign(e.__assign({},n),{borderRadius:"0.75rem"})},menu:function(n){return e.__assign(e.__assign({},n),{borderRadius:"0.75rem",padding:0,display:"flex",justifyContent:"center"})},menuList:function(n){return e.__assign(e.__assign({},n),{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%"})},option:function(n){return e.__assign(e.__assign({},n),{borderRadius:"0.75rem",margin:3,width:"98%"})}},options:n.options,isClearable:n.isClearable,isMulti:n.isMulti,isSearchable:n.isSearchable,onCreateOption:function(){return console.log("im changing")},onChange:function(e,r){return n.onChange(e,r)},onInputChange:function(e,r){return n.onInputChange(e,r)}}):r.createElement(t.default,{classNames:{container:function(){return l.cn("rounded",n.disabled?"cursor-not-allowed":"cursor-pointer")},placeholder:function(){return"px-2 text-muted-foreground"},input:function(){return"text-white px-2"},valueContainer:function(){return"text-white dark:text-muted-foreground"},singleValue:function(){return"text-black dark:text-white px-2"},indicatorsContainer:function(){return" px-2 cursor-pointer text-muted-foreground"}},unstyled:!0,isDisabled:n.disabled,options:n.options,defaultValue:n.defaultValue,isClearable:n.isClearable,isMulti:n.isMulti,isSearchable:n.isSearchable,onChange:function(e,r){return n.onChange(e,r)},components:{Control:c,Option:f,Menu:d},getOptionLabel:n.getOptionLabel}),n.helperText&&r.createElement("p",{className:"mt-2 text-sm text-red-600 dark:text-red-500"},n.helperText))};

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

@@ -0,0 +1,44 @@
+import { FC } from "react";
+type SettingsRowTypes = {
+    settingsLabel: string;
+    settingsType: "text" | "radio" | "boolean" | "color" | "range" | "select";
+    settingsDescription?: string;
+    radioProps: {
+        defaultValue: any;
+        onChangeTab: any;
+        options: [{
+            label: string;
+            value: any;
+        }];
+    };
+    colorProps: {
+        color?: any;
+        handleChange?: any;
+    };
+    rangeProps: {
+        min?: any;
+        max?: any;
+    };
+    switchProps: {
+        size: "sm" | "default";
+    };
+    selectProps: {
+        label?: string;
+        options?: any[any];
+        isCreatable?: boolean;
+        isClearable?: boolean;
+        isMulti?: boolean;
+        isSearchable?: boolean;
+        onChange?: any;
+        helperText?: any;
+        onInputChange?: any;
+        native?: any;
+        fullWidth?: any;
+        value?: any;
+        children?: any;
+        getOptionLabel?: any;
+        disabled?: boolean;
+    };
+};
+export declare const HawaSettingsRow: FC<SettingsRowTypes>;
+export {};

package/lib/src/elements/HawaSettingsRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),t=require("./HawaTextField.js"),a=require("./HawaColorPicker.js"),r=require("./HawaRange.js"),s=require("./HawaRadio.js"),i=require("./HawaSelect.js"),l=require("./Switch.js");exports.HawaSettingsRow=function(n){var o=n.settingsLabel,c=n.settingsType,d=n.settingsDescription,m=n.colorProps,w=n.rangeProps,u=n.radioProps,x=n.switchProps,H=n.selectProps;return e.createElement("div",{className:"flex max-h-fit flex-row items-center justify-between rounded  align-middle"},e.createElement("div",null,e.createElement("div",{className:"text-sm"},o),d&&e.createElement("div",{className:"text-xs"},d)," "),"text"===c&&e.createElement(t.HawaTextField,{margin:"none",width:"small"}),"boolean"===c&&e.createElement(l.Switch,x),"range"===c&&e.createElement(r.HawaRange,w),"color"===c&&e.createElement(a.HawaColorPicker,m),"radio"===c&&e.createElement(s.HawaRadio,u),"select"===c&&e.createElement(i.HawaSelect,H))};

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

@@ -0,0 +1,15 @@
+import { FC } from "react";
+type StatTypes = {
+    label?: string;
+    color?: string;
+    number?: string;
+    helperText?: string;
+    chart?: any;
+    icon?: any;
+    variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
+    width?: "full" | "min" | "normal";
+    isLoading?: boolean;
+    handleClick?: () => void;
+};
+export declare const HawaStats: FC<StatTypes>;
+export {};

package/lib/src/elements/HawaStats.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"),a=require("./Card.js"),l=require("./Skeleton.js");exports.HawaStats=function(r){r.variant;var n=e.__rest(r,["variant"]);return t.createElement(a.Card,{onClick:n.handleClick,clickable:Boolean(n.handleClick)},t.createElement(a.CardHeader,{className:"flex flex-row items-center justify-between space-y-0 pb-2"},t.createElement(a.CardTitle,{className:"text-sm font-medium"},n.label),n.icon&&n.icon),t.createElement(a.CardContent,null,n.isLoading?t.createElement(l.Skeleton,{className:"h-8 w-3/4"}):t.createElement("div",{className:"text-2xl font-bold"},n.number),n.isLoading&&n.helperText?t.createElement(l.Skeleton,{className:"mt-2 h-4 w-1/2"}):n.helperText&&t.createElement("p",{className:"text-xs text-muted-foreground"},n.helperText),n.isLoading&&n.chart?t.createElement(l.Skeleton,{className:"mt-2 h-4 w-1/2"}):n.chart))};

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type THawaTimeline = {
+    steps: any[any];
+    currentStep: any;
+    orientation: "vertical" | "horizontal";
+};
+export declare const HawaStepper: FC<THawaTimeline>;
+export {};

package/lib/src/elements/HawaStepper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),r=require("../../node_modules/react/index.js"),t=require("../../node_modules/clsx/dist/clsx.m.js");exports.HawaStepper=function(a){var l=a.orientation,s=void 0===l?"horizontal":l,i=e.__rest(a,["orientation"]);return r.createElement("div",{className:t.clsx({vertical:"flex flex-col items-start w-fit",horizontal:"flex flex-row"}[s]," flex-wrap justify-start gap-4")},i.steps.map((function(e,a){return r.createElement("div",{key:a,className:"my-2 flex w-auto flex-row flex-wrap justify-start  "},r.createElement("div",{className:"vertical"===s?"flex w-full flex-row items-center":a+1===i.steps.length?"flex w-full flex-row items-center justify-start gap-2":"flex  flex-row items-center justify-start gap-2 after:mx-2 after:hidden  after:h-1 after:w-10 after:border-b  after:border-gray-200   dark:after:border-gray-700 sm:after:inline-block sm:after:content-[''] md:w-full xl:after:mx-10"},r.createElement("div",{className:"flex flex-row gap-2  "},r.createElement("div",{className:t.clsx("flex h-6 w-6 min-w-[24px] items-center justify-center  rounded ring-2  ring-primary/20 ring-offset-2",a+1<=i.currentStep?"bg-primary text-primary-foreground ":"bg-primary/20")},a+1<=i.currentStep?r.createElement("svg",{"aria-label":"Check Mark",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.60em",width:"0.60em"},r.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"})):a+1),r.createElement("div",{className:"whitespace-nowrap"},e))))})))};

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type StoreButtonsTypes = {
+    store: "apple" | "google";
+    mode: "dark" | "light";
+};
+export declare const HawaStoreButtons: FC<StoreButtonsTypes>;
+export {};

package/lib/src/elements/HawaStoreButtons.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.HawaStoreButtons=function(t){return e.createElement("div",{className:"flex justify-center"},e.createElement("div",null,"apple"===t.store?"dark"===t.mode?e.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},e.createElement("div",{className:"mr-3"},e.createElement("svg",{viewBox:"0 0 384 512",width:"30"},e.createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"}))),e.createElement("div",null,e.createElement("div",{className:"text-xs"},"Download on the"),e.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):e.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-transparent text-black"},e.createElement("div",{className:"mr-3"},e.createElement("svg",{viewBox:"0 0 384 512",width:"30"},e.createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"}))),e.createElement("div",null,e.createElement("div",{className:"text-xs"},"Download on the"),e.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):"dark"===t.mode?e.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},e.createElement("div",{className:"mr-3"},e.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},e.createElement("path",{fill:"#FFD400",d:"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"}),e.createElement("path",{fill:"#FF3333",d:"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"}),e.createElement("path",{fill:"#48FF48",d:"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"}),e.createElement("path",{fill:"#3BCCFF",d:"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"}))),e.createElement("div",null,e.createElement("div",{className:"text-xs"},"GET IT ON"),e.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play"))):e.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-white text-black"},e.createElement("div",{className:"mr-3"},e.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},e.createElement("path",{fill:"#FFD400",d:"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"}),e.createElement("path",{fill:"#FF3333",d:"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"}),e.createElement("path",{fill:"#48FF48",d:"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"}),e.createElement("path",{fill:"#3BCCFF",d:"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"}))),e.createElement("div",null,e.createElement("div",{className:"text-xs"},"GET IT ON"),e.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play")))))};