@sikka/hawa 0.2.10-beta → 0.2.11-beta

package/es/src/layout/HawaGrid.js

@@ -0,0 +1 @@
+import m from"../../node_modules/react/index.js";var e=function(e){return m.createElement("div",{className:" columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-3 lg:columns-4 [&>*:not(:first-child)]:mt-8"},e.children)};export{e as HawaGrid};

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

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

package/es/src/layout/HawaSiteLayout.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 a from"../hooks/useDiscloser.js";import n from"../hooks/useBreakpoint.js";import{r as o}from"../../_virtual/index.js";var l=function(l){var i,s=l.direction,c=void 0===s?"rtl":s,m=l.navigationSize,u=void 0===m?"md":m,d=e(l,["direction","navigationSize"]),v=o.exports.useState(!1),f=v[0],p=v[1],h=o.exports.useState(!1);h[0],h[1],a(!1);var x,g=o.exports.useRef(null);o.exports.useRef(null),x="undefined"!=typeof window?n():1200;var E=o.exports.useState(!1),k=E[0];E[1],o.exports.useEffect((function(){var e=function(e){!g.current||g.current.contains(e.target)||k||p(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[k]);return t.createElement("div",{className:"h-full w-full"},t.createElement("div",{className:r("z-30 flex w-auto select-none flex-row items-start justify-between bg-layoutPrimary-500  transition-all",{sm:"h-10",md:"",lg:"h-24"}[u],"rounded p-3 ",f?"h-44":"h-14",d.stickyNav?"fixed left-4 right-4 top-4":"","rtl"===c?"flex-row":"flex-row-reverse")},x>600?t.createElement("div",{className:"flex  flex-row h-8    items-center  gap-4 px-3"},null===(i=d.navItems)||void 0===i?void 0:i.map((function(e,r){var a=e.label;return t.createElement("div",{onClick:function(){return p(!f)},key:r,className:"cursor-pointer rounded bg-none text-gray-600 transition-all hover:text-black"},a)}))):t.createElement("div",{className:"flex items-center justify-center"},t.createElement("div",{onClick:function(){return p(!f)},className:"cursor-pointer  rounded p-1  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"}))," "),d.pageTitle?t.createElement("div",null,d.pageTitle):t.createElement("div",null)),t.createElement("div",{className:"h-full"},t.createElement("img",{className:"h-full max-h-8 ",src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/seera/seera-horizontal-wordmark-".concat("rtl"===c?"ar":"en","-white.svg")}))),t.createElement("div",{className:r(" relative top-14")},d.children))};export{l as HawaSiteLayout};

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

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

package/es/src/layout/Sidebar.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.mjs.js";import"../../node_modules/react/index.js";import{Trigger as t,Content as r,Item as a,Header as o,Root as n}from"../../node_modules/@radix-ui/react-accordion/dist/index.mjs.js";import{cn as l}from"../util.js";import{r as s}from"../../_virtual/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}function c(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){i(e,t,r[t])}))}return e}var m=n,p="flex flex-1 items-center select-none cursor-pointer bg-primary-foreground rounded justify-between p-2 px-3 font-medium transition-all  [&[data-state=open]>svg]:-rotate-90",u=s.exports.forwardRef((function(t,r){var o=t.className,n=e(t,["className"]);return s.exports.createElement(a,c({ref:r,className:l(o)},n))}));u.displayName="AccordionItem";var d=s.exports.forwardRef((function(r,a){var n=r.className,i=r.showArrow,m=r.children,u=e(r,["className","showArrow","children"]);return s.exports.createElement(o,{className:"flex"},s.exports.createElement(t,c({ref:a,className:l(p,n)},u),m,i&&s.exports.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",className:"h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"},s.exports.createElement("path",{d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"}))))}));d.displayName=t.displayName;var f=s.exports.forwardRef((function(t,a){var o=t.className,n=t.children,i=e(t,["className","children"]);return s.exports.createElement(r,c({ref:a,className:l("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",o)},i),s.exports.createElement("div",null,n))}));f.displayName=r.displayName;var x=function(e){var t=e.title,r=e.items,a=e.selectedItem,o=e.openedItem,n=e.setOpenedItem,l=e.onItemClick,i=e.onSubItemClick,c=e.direction,p=e.isOpen;return s.exports.createElement("div",null,t&&s.exports.createElement("h3",{className:"mb-1 font-bold"},t),s.exports.createElement("ul",{className:"flex flex-col gap-2"},s.exports.createElement(m,{value:o,type:"single",onValueChange:function(e){n(e)},collapsible:!0,className:"flex flex-col gap-1"},r.map((function(e,t){return s.exports.createElement(v,{isOpen:p,selectedItem:a,key:t,direction:c,item:e,onItemClick:l,onSubItemClick:i})})))))},v=function(t){var r=t.item,a=t.onItemClick,o=t.onSubItemClick,n=t.direction,i=t.isOpen,c=void 0===i||i,m=e(t,["item","onItemClick","onSubItemClick","direction","isOpen"]),x=function(e){return m.selectedItem===e?"bg-primary text-primary-foreground  cursor-default":"hover:bg-primary/10"};return r.subitems?s.exports.createElement(u,{value:r.value,className:"overflow-x-clip",dir:n},s.exports.createElement(d,{className:l("overflow-x-clip",m.selectedItem===r.value?"cursor-default bg-primary  text-primary-foreground":"hover:bg-primary/10",r.subitems&&r.subitems.some((function(e){return m.selectedItem===e.value}))?"bg-primary text-primary-foreground hover:bg-primary":""),showArrow:c},s.exports.createElement("div",{className:l(!c&&"py-1","flex w-fit flex-row items-center  gap-2")},r.icon,c&&s.exports.createElement("span",{className:l("transition-all ",c?"opacity-100":"opacity-0")},r.label))),r.subitems&&s.exports.createElement(f,{className:" mt-1 h-full rounded  "},s.exports.createElement("div",{className:l("flex h-full flex-col gap-2 bg-foreground/5 p-1")},r.subitems.map((function(e,t){return s.exports.createElement("li",{key:t,onClick:function(t){t.stopPropagation(),e.onClick(),o&&o([r.value,e.value])},className:l("flex h-full cursor-pointer flex-row items-center gap-2 rounded  p-2 transition-all",x(e.value))},e.icon,e.label)}))))):s.exports.createElement("div",{dir:n,onClick:function(){r.onClick(),a&&a([r.value])},className:l(p,x(r.value),"overflow-x-clip ")},s.exports.createElement("div",{className:"flex flex-row items-center gap-2 "},r.icon,s.exports.createElement("span",{className:l("whitespace-nowrap transition-all",c?"opacity-100":"opacity-0")},r.label)))};export{x as SidebarGroup,v as SidebarItem};

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

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

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

@@ -0,0 +1,12 @@
+export * from "./Box";
+export * from "./HawaBottomAppBar";
+export * from "./HawaSiteLayout";
+export * from "./AppLayout";
+export * from "./HawaAppLayout";
+export * from "./HawaAppLayoutSimplified";
+export * from "./HawaContainer";
+export * from "./HawaGrid";
+export * from "./AppSidebar";
+export * from "./Footer";
+export * from "./Banner";
+export * from "./Sidebar";

package/es/src/stories/ElementsStories/Breadcrumb.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const BreadCrumb: any;
+export declare const BreadCrumWithSeparator: any;
+export declare const BreadcrumbIconSeparator: any;

package/es/src/stories/ManualStories/BlocksIntroduction.stories.d.ts

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

package/es/src/stories/ManualStories/Customization.stories.d.ts

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

package/es/src/stories/ManualStories/ElementsIntroduction.stories.d.ts

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

package/es/src/stories/ManualStories/Installation.stories.d.ts

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

package/es/src/stories/ManualStories/LayoutIntroduction.stories.d.ts

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

package/es/src/stories/ManualStories/Overview.stories.d.ts

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

package/es/src/stories/ManualStories/Usage.stories.d.ts

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

package/es/src/util.d.ts

@@ -0,0 +1,10 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+type Palette = {
+    name: string;
+    colors: {
+        [key: number]: string;
+    };
+};
+declare function getPallette(baseColor: string): Palette;
+export { getPallette };

package/es/src/util.js

@@ -0,0 +1 @@
+import{clsx as e}from"../node_modules/clsx/dist/clsx.m.js";import{twMerge as o}from"../node_modules/tailwind-merge/dist/lib/tw-merge.mjs.js";function r(){for(var r=[],m=0;m<arguments.length;m++)r[m]=arguments[m];return o(e(r))}export{r as cn};

package/lib/_virtual/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.react={exports:{}};

package/lib/_virtual/index2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.reactDom={exports:{}};

package/lib/_virtual/index3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.propTypes={exports:{}};

package/lib/_virtual/index4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/index5.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.reactIs={exports:{}};

package/lib/_virtual/index6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.scheduler={exports:{}};

package/lib/_virtual/react-dom-server-legacy.node.development.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react-dom-server-legacy.node.production.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react-dom-server.node.development.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react-dom-server.node.production.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react-dom.development.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react-dom.production.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react-is.development.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react-is.production.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/react.development.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.react_development={exports:{}};

package/lib/_virtual/react.production.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/scheduler.development.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/scheduler.production.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/_virtual/server.node.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};

package/lib/src/blocks/Account/UserProfileForm.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type UserProfileFormTypes = {
+    inputs: any;
+    texts: any;
+    handleUpdateProfile: any;
+};
+export declare const UserProfileForm: FC<UserProfileFormTypes>;
+export {};

package/lib/src/blocks/Account/UserProfileForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),r=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js"),t=require("../../elements/HawaTextField.js");require("../../elements/Label.js"),require("../../elements/Switch.js");var l=require("../../elements/Button.js");require("../../elements/DropdownMenu.js");var n=require("../../elements/HawaPhoneInput.js"),o=require("../../elements/Card.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 s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},l=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(r){a(e,r,t[r])}))}return e}function u(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");exports.UserProfileForm=function(a){var i=r.useForm();a.inputs;var d=i.formState.errors,c=i.handleSubmit,m=i.control;return e.createElement(o.Card,null,e.createElement("form",{onSubmit:c((function(e){return a.handleUpdateProfile(e)}))},e.createElement(o.CardContent,{headless:!0},e.createElement(r.FormProvider,i,e.createElement(r.Controller,{control:m,name:"fullName",render:function(r){var l,n,o=r.field;return e.createElement(t.HawaTextField,u(s({width:"full",type:"text",label:a.texts.fullNameLabel,placeholder:a.texts.fullNamePlaceholder,helpertext:null===(l=d.fullName)||void 0===l?void 0:l.message},o),{value:null!==(n=o.value)&&void 0!==n?n:""}))}}),e.createElement(r.Controller,{control:m,name:"phoneNumber",render:function(r){return r.field,e.createElement(n.HawaPhoneInput,{label:"Phone number"})}}),e.createElement(r.Controller,{control:m,name:"email",render:function(r){var l,n,o=r.field;return e.createElement(t.HawaTextField,u(s({width:"full",type:"text",label:a.texts.emailLabel,helpertext:null===(l=d.email)||void 0===l?void 0:l.message,placeholder:a.texts.emailPlaceholder},o),{value:null!==(n=o.value)&&void 0!==n?n:""}))},rules:{required:a.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:a.texts.emailInvalidText}}}),e.createElement(r.Controller,{control:m,name:"password",render:function(r){var l,n,o=r.field;return e.createElement(t.HawaTextField,u(s({width:"full",type:"password",label:a.texts.passwordLabel,placeholder:a.texts.passwordPlaceholder,helpertext:null===(l=d.password)||void 0===l?void 0:l.message},o),{value:null!==(n=o.value)&&void 0!==n?n:""}))},rules:{required:a.texts.passwordRequiredText}}),e.createElement(r.Controller,{control:m,name:"confirmPassword",render:function(r){var l,n,o=r.field;return e.createElement(t.HawaTextField,u(s({width:"full",type:"password",label:a.texts.confirmPasswordLabel,placeholder:a.texts.confirmPasswordPlaceholder,helpertext:null===(l=d.confirmPassword)||void 0===l?void 0:l.message},o),{value:null!==(n=o.value)&&void 0!==n?n:""}))},rules:{required:a.texts.confirmPasswordRequiredText}}))),e.createElement(o.CardFooter,null,e.createElement(l.Button,{className:"w-full",type:"submit"},a.texts.updateProfile))))};

package/lib/src/blocks/Account/UserSettingsForm.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type UserSettingsFormTypes = {
+    children: any;
+    handleSaveSettings?: any;
+    saveSettingsText?: string;
+    blockTitle?: string;
+};
+export declare const UserSettingsForm: FC<UserSettingsFormTypes>;
+export {};

package/lib/src/blocks/Account/UserSettingsForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js");exports.UserSettingsForm=function(r){return e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"mb-2 text-sm font-bold"},r.blockTitle),e.createElement("div",{className:"flex flex-col gap-4 rounded  p-2"},r.children)))};

package/lib/src/blocks/Account/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./UserProfileForm";
+export * from "./UserSettingsForm";

package/lib/src/blocks/AuthForms/AppLanding.d.ts

@@ -0,0 +1,38 @@
+import { FC } from "react";
+type AppLandingTypes = {
+    texts?: {
+        newUserText?: string;
+        createAccount?: string;
+        continueWithGoogle?: string;
+        continueWithTwitter?: string;
+        continueWithApple?: string;
+        continueWithMicrosoft?: string;
+        continueWithGithub?: string;
+        continueWithEmail?: string;
+        continueWithPhone?: string;
+    };
+    viaGoogle?: boolean;
+    viaTwitter?: boolean;
+    viaGithub?: boolean;
+    viaMicrosoft?: boolean;
+    viaEmail?: boolean;
+    viaPhone?: boolean;
+    viaApple?: boolean;
+    withoutSignUp?: boolean;
+    size: "small" | "normal" | "full";
+    direction: "rtl" | "ltr";
+    handleSignIn: () => void;
+    handleSignUp: () => void;
+    handleLanguage: () => void;
+    handleColorMode: () => void;
+    handleRouteToSignUp?: () => void;
+    handleGoogle?: () => void;
+    handleTwitter?: () => void;
+    handleApple?: () => void;
+    handleMicrosoft?: () => void;
+    handleGithub?: () => void;
+    handleEmail?: () => void;
+    handlePhone?: () => void;
+};
+export declare const AppLanding: FC<AppLandingTypes>;
+export {};

package/lib/src/blocks/AuthForms/AppLanding.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js");require("../../elements/Label.js");var t=require("../../elements/HawaRadio.js");require("../../elements/Switch.js");var n=require("../../elements/Button.js");require("../../elements/DropdownMenu.js");var l=require("../../elements/Card.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js");var a=require("../../elements/Icons.js");require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");exports.AppLanding=function(i){var o,r,s,c,u,m,d,C,h,v,w,p,x,g;return e.createElement("div",{dir:i.direction},e.createElement(l.Card,null,e.createElement(l.CardContent,{headless:!0,className:"flex flex-col gap-6"},i.viaGoogle&&e.createElement(n.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:i.handleGoogle},e.createElement(a.Icons.google,{className:"h-4 w-4"}),null!==(r=null===(o=i.texts)||void 0===o?void 0:o.continueWithGoogle)&&void 0!==r?r:"Continue With Google"),i.viaGithub&&e.createElement(n.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:i.handleGithub},e.createElement(a.Icons.gitHub,{className:"h-4 w-4"}),null!==(c=null===(s=i.texts)||void 0===s?void 0:s.continueWithGithub)&&void 0!==c?c:"Continue With Github"),i.viaTwitter&&e.createElement(n.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:i.handleTwitter},e.createElement(a.Icons.twitter,{className:"h-4 w-4"}),null!==(m=null===(u=i.texts)||void 0===u?void 0:u.continueWithTwitter)&&void 0!==m?m:"Continue With Twitter"),i.viaApple&&e.createElement(n.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:i.handleApple},e.createElement(a.Icons.apple,{className:"h-4 w-4"}),null!==(C=null===(d=i.texts)||void 0===d?void 0:d.continueWithApple)&&void 0!==C?C:"Continue With Apple"),i.viaMicrosoft&&e.createElement(n.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:i.handleMicrosoft},e.createElement(a.Icons.microsoft,{className:"h-4 w-4"}),null!==(v=null===(h=i.texts)||void 0===h?void 0:h.continueWithMicrosoft)&&void 0!==v?v:"Continue With Microsoft"),i.viaEmail&&e.createElement(n.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:i.handleEmail},e.createElement(a.Icons.mail,{className:"h-4 w-4"}),null!==(p=null===(w=i.texts)||void 0===w?void 0:w.continueWithEmail)&&void 0!==p?p:"Continue With Email"),i.viaPhone&&e.createElement(n.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:i.handlePhone},e.createElement(a.Icons.phone,{className:"h-4 w-4"}),null!==(g=null===(x=i.texts)||void 0===x?void 0:x.continueWithPhone)&&void 0!==g?g:"Continue With Phone"),!i.withoutSignUp&&e.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},i.texts.newUserText,e.createElement("span",{onClick:i.handleRouteToSignUp,className:"clickable-link"},i.texts.createAccount)))),e.createElement("div",{className:"mt-6 flex flex-row justify-between"},e.createElement(t.HawaRadio,{onChangeTab:i.handleLanguage,design:"tabs",options:[{value:"ar",label:"عربي"},{value:"en",label:"English"}]}),e.createElement(t.HawaRadio,{onChangeTab:i.handleColorMode,design:"tabs",options:[{value:"light",label:e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"},e.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},{value:"dark",label:e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"},e.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]})))};

package/lib/src/blocks/AuthForms/CheckEmail.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type CheckEmailBlocks = {
+    texts?: {
+        checkEmail: string;
+        resendEmail: string;
+        pleaseVerify: string;
+    };
+    handleResend?: () => void;
+};
+export declare const CheckEmail: FC<CheckEmailBlocks>;
+export {};

package/lib/src/blocks/AuthForms/CheckEmail.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js");exports.CheckEmail=function(l){var n,r,o,a=l.texts,i=l.handleResend;return e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"flex flex-col items-center justify-center text-center"},e.createElement("div",{className:"flex h-16 w-16 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold  text-primary-foreground"},e.createElement("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",height:"0.5em",width:"0.5em",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),e.createElement("polyline",{points:"22,6 12,13 2,6"}))),e.createElement("div",{className:"m-2 text-xl font-bold"},null!==(n=null==a?void 0:a.checkEmail)&&void 0!==n?n:"Check you email"),e.createElement("div",{className:"text-sm"},null!==(r=null==a?void 0:a.pleaseVerify)&&void 0!==r?r:"Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))),e.createElement(t.CardFooter,{className:"flex flex-col justify-center "},e.createElement("span",{className:"clickable-link text-sm",onClick:i},null!==(o=null==a?void 0:a.resendEmail)&&void 0!==o?o:"Resend Email")))};

package/lib/src/blocks/AuthForms/CodeConfirmation.d.ts

@@ -0,0 +1,22 @@
+import { FC } from "react";
+type TConfirmation = {
+    showError?: any;
+    errorTitle?: any;
+    errorText?: any;
+    texts?: {
+        checkYourPhone: string;
+        weSentCode: string;
+        didntGetCode: string;
+        resendCode: string;
+        codeLabel: string;
+        codePlaceholder: string;
+        codeRequiredText: string;
+        confirm: string;
+        cancel: string;
+    };
+    phoneNumber?: string;
+    submitConfirmation?: any;
+    handleSignIn?: any;
+};
+export declare const CodeConfirmation: FC<TConfirmation>;
+export {};

package/lib/src/blocks/AuthForms/CodeConfirmation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js");require("../../elements/Label.js"),require("../../elements/Switch.js");var t=require("../../elements/HawaAlert.js");require("../../elements/DropdownMenu.js");var r=require("../../elements/Card.js"),n=require("../../elements/Button.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js");var l=require("../../elements/HawaPinInput.js");require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var s=require("../../../_virtual/index.js");exports.CodeConfirmation=function(a){var o,i,u,m,d,c,v=s.react.exports.useState(null),x=v[0],p=v[1];return e.createElement(r.Card,null,e.createElement(r.CardContent,{headless:!0},a.showError&&e.createElement(t.HawaAlert,{title:a.errorTitle,text:a.errorText,severity:"error"}),e.createElement("div",{className:"mb-4 dark:text-white"},e.createElement("div",{className:"text-lg font-bold"},null!==(o=a.texts.checkYourPhone)&&void 0!==o?o:"Please check your phone"),e.createElement("div",{className:"text-muted-foreground"},e.createElement("span",null,null!==(i=a.texts.weSentCode)&&void 0!==i?i:"We've sent a code to "),e.createElement("span",null,a.phoneNumber))," "),e.createElement("form",{onSubmit:function(e){e.preventDefault(),x&&a.submitConfirmation(x)}},e.createElement(l.HawaPinInput,{width:"full",digits:6,getPins:function(e){return p(e)}}),e.createElement("div",{className:" py-2 text-center text-xs text-muted-foreground"},e.createElement("span",null,null!==(u=a.texts.didntGetCode)&&void 0!==u?u:"Didn't get the code?")," ",e.createElement("span",{className:"clickable-link"},null!==(m=a.texts.resendCode)&&void 0!==m?m:"Click to resend")),e.createElement("div",{className:"mt-4  grid grid-cols-2 gap-2"},e.createElement(n.Button,{variant:"secondary"},null!==(d=a.texts.cancel)&&void 0!==d?d:"Cancel"),e.createElement(n.Button,null,null!==(c=a.texts.confirm)&&void 0!==c?c:"Confirm")))))};

package/lib/src/blocks/AuthForms/NewPasswordForm.d.ts

@@ -0,0 +1,20 @@
+import { FC } from "react";
+type NewPasswordTypes = {
+    handleNewPassword: () => void;
+    direction?: "rtl" | "ltr";
+    headless?: boolean;
+    passwordChanged: any;
+    texts: {
+        passwordPlaceholder: string;
+        updatePassword: string;
+        passwordRequiredText: string;
+        passwordLabel: string;
+        confirmPasswordPlaceholder: string;
+        confirmPasswordLabel: string;
+        confirmPasswordRequiredText: string;
+        passwordMatchError: string;
+        passwordChanged: string;
+    };
+};
+export declare const NewPasswordForm: FC<NewPasswordTypes>;
+export {};

package/lib/src/blocks/AuthForms/NewPasswordForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),r=require("../../elements/HawaTextField.js");require("../../elements/Label.js"),require("../../elements/Switch.js");var t=require("../../elements/HawaAlert.js");require("../../elements/DropdownMenu.js");var s=require("../../elements/Card.js"),o=require("../../elements/Button.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var n=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js"),a=require("../../../_virtual/index.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){l(e,r,t[r])}))}return e}function u(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);r&&(s=s.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,s)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}exports.NewPasswordForm=function(l){var d=a.react.exports.useState(!1),c=d[0],m=d[1],p=n.useForm(),w=p.formState.errors,f=p.handleSubmit,j=p.control;return e.createElement(s.Card,{dir:l.direction},c&&e.createElement(t.HawaAlert,{text:l.texts.passwordMatchError,severity:"error"}),l.passwordChanged?e.createElement(s.CardContent,{headless:!0},e.createElement("div",{className:"text-center"},l.texts.passwordChanged)):e.createElement(n.FormProvider,p,e.createElement("form",{onSubmit:f((function(e){e.password===e.confirmPassword?l.handleNewPassword():m(!0)}))},!l.headless&&e.createElement(s.CardHeader,null,e.createElement(s.CardTitle,null,"Create Password"),e.createElement(s.CardDescription,null,"Set a new password for your account")),e.createElement(s.CardContent,{headless:l.headless},e.createElement(n.Controller,{control:j,name:"password",render:function(t){var s,o,n=t.field;return e.createElement(r.HawaTextField,u(i({width:"full",type:"password",autoComplete:"new-password",label:l.texts.passwordLabel,placeholder:l.texts.passwordPlaceholder,helpertext:null===(s=w.password)||void 0===s?void 0:s.message},n),{value:null!==(o=n.value)&&void 0!==o?o:""}))},rules:{required:l.texts.passwordRequiredText}}),e.createElement(n.Controller,{control:j,name:"confirmPassword",render:function(t){var s,o,n=t.field;return e.createElement(r.HawaTextField,u(i({width:"full",type:"password",autoComplete:"new-password",label:l.texts.confirmPasswordLabel,placeholder:l.texts.confirmPasswordPlaceholder,helpertext:null===(s=w.confirmPassword)||void 0===s?void 0:s.message},n),{value:null!==(o=n.value)&&void 0!==o?o:""}))},rules:{required:l.texts.confirmPasswordRequiredText}})),e.createElement(s.CardFooter,null,e.createElement(o.Button,{className:"w-full",type:"submit"},l.texts.updatePassword)))))};

package/lib/src/blocks/AuthForms/ResetPasswordForm.d.ts

@@ -0,0 +1,20 @@
+import { FC } from "react";
+type ResetPasswordType = {
+    handleResetPassword: () => void;
+    handleRouteToSignUp: () => void;
+    sent: any;
+    texts?: {
+        emailLabel: string;
+        emailPlaceholder: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        emailSentText: string;
+        resetPassword: string;
+        signUpText: string;
+        dontHaveAccount: string;
+    };
+    headless?: boolean;
+    direction?: "rtl" | "ltr";
+};
+export declare const ResetPasswordForm: FC<ResetPasswordType>;
+export {};

package/lib/src/blocks/AuthForms/ResetPasswordForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js"),r=require("../../elements/HawaTextField.js");require("../../elements/Label.js"),require("../../elements/Switch.js");var n=require("../../elements/Button.js");require("../../elements/DropdownMenu.js");var l=require("../../elements/Card.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}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");exports.ResetPasswordForm=function(a){var i,u,c,d,m,v,p,b,j=t.useForm(),f=j.formState.errors,x=j.handleSubmit;j.register;var y=j.control;return e.createElement(l.Card,{dir:a.direction},a.sent?e.createElement(l.CardContent,{headless:!0},e.createElement("div",{className:"text-center"},null===(b=a.texts)||void 0===b?void 0:b.emailSentText)):e.createElement(e.Fragment,null,!a.headless&&e.createElement(l.CardHeader,null,e.createElement(l.CardTitle,null,"Reset Password"),e.createElement(l.CardDescription,null,"Enter your email to reset your account password")),e.createElement("form",{onSubmit:x(a.handleResetPassword)},e.createElement(l.CardContent,{headless:a.headless},e.createElement(t.Controller,{control:y,name:"email",render:function(t){var n,l,i,u,c=t.field;return e.createElement(r.HawaTextField,s(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({width:"full",type:"text",label:null===(n=a.texts)||void 0===n?void 0:n.emailLabel,helpertext:null===(l=f.email)||void 0===l?void 0:l.message,placeholder:null===(i=a.texts)||void 0===i?void 0:i.emailPlaceholder},c),{value:null!==(u=c.value)&&void 0!==u?u:""}))},rules:{required:null===(i=a.texts)||void 0===i?void 0:i.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:null===(u=a.texts)||void 0===u?void 0:u.emailInvalidText}}}),e.createElement("div",{className:"pb-2 text-start text-sm dark:text-gray-300"},null!==(d=null===(c=a.texts)||void 0===c?void 0:c.dontHaveAccount)&&void 0!==d?d:"Don't have an account? ",e.createElement("span",{onClick:a.handleRouteToSignUp,className:"clickable-link"},null!==(v=null===(m=a.texts)||void 0===m?void 0:m.signUpText)&&void 0!==v?v:"Sign Up"))),e.createElement(l.CardFooter,null,e.createElement(n.Button,{type:"submit",className:"w-full"},null===(p=a.texts)||void 0===p?void 0:p.resetPassword)))))};

package/lib/src/blocks/AuthForms/SignInBlock.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SignInBlock(): import("react").JSX.Element;

package/lib/src/blocks/AuthForms/SignInBlock.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../elements/Icons.js"),t=require("../../elements/Button.js"),a=require("../../elements/Card.js"),c=require("../../elements/Input.js"),r=require("../../elements/Label.js");exports.SignInBlock=function(){return React.createElement(a.Card,null,React.createElement(a.CardHeader,{className:"space-y-1"},React.createElement(a.CardTitle,{className:"text-2xl"},"Create an account"),React.createElement(a.CardDescription,null,"Enter your email below to create your account")),React.createElement(a.CardContent,{className:"grid gap-4"},React.createElement("div",{className:"grid grid-cols-2 gap-6"},React.createElement(t.Button,{variant:"outline"},React.createElement(e.Icons.gitHub,{className:"mr-2 h-4 w-4"}),"Github"),React.createElement(t.Button,{variant:"outline"},React.createElement(e.Icons.google,{className:"mr-2 h-4 w-4"}),"Google")),React.createElement("div",{className:"relative"},React.createElement("div",{className:"absolute inset-0 flex items-center"},React.createElement("span",{className:"w-full border-t"})),React.createElement("div",{className:"relative flex justify-center text-xs uppercase"},React.createElement("span",{className:"bg-background px-2 text-muted-foreground"},"Or continue with"))),React.createElement("div",{className:"grid gap-2"},React.createElement(r.Label,{htmlFor:"email"},"Email"),React.createElement(c.Input,{id:"email",type:"email",placeholder:"m@example.com"})),React.createElement("div",{className:"grid gap-2"},React.createElement(r.Label,{htmlFor:"password"},"Password"),React.createElement(c.Input,{id:"password",type:"password"}))),React.createElement(a.CardFooter,null,React.createElement(t.Button,{className:"w-full"},"Create account")))};