@sikka/hawa 0.2.6-beta → 0.2.7-beta

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

@@ -0,0 +1,41 @@
+import { FC } from "react";
+import { MenuItemType } from "./DropdownMenu";
+type RowTypes = {
+    hidden: boolean;
+    value: any;
+    suffix?: any;
+};
+type ColTypes = {
+    hidden: boolean;
+    value: any;
+    sortable?: boolean;
+};
+type TableTypes = {
+    pagination?: boolean;
+    isLoading?: boolean;
+    columns: ColTypes[];
+    actions?: MenuItemType[];
+    actionsWidth?: "default" | "sm" | "lg" | "parent";
+    actionsSize?: "default" | "sm";
+    direction?: "rtl" | "ltr";
+    rows?: RowTypes[][];
+    handleActionClick?: any;
+    end?: any;
+    size?: "normal" | "small";
+    highlightFirst?: boolean;
+    bodyColor?: string;
+    headerColor?: string;
+    clickable?: boolean;
+    texts?: {
+        actions?: string;
+        noData?: any;
+        items?: string;
+        page?: string;
+        filter?: string;
+    };
+    bordersWidth?: string;
+    headerTools?: boolean;
+    borders?: "all" | "cols" | "rows" | "outer" | "inner";
+};
+export declare const HawaTable: FC<TableTypes>;
+export {};

package/lib/src/elements/HawaTable.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"),n=require("../hooks/useTable.js"),l=require("../util.js"),o=require("./DropdownMenu.js"),a=require("./Skeleton.js"),i=require("../../_virtual/index.js"),c=function(){return t.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},t.createElement("path",{fillRule:"evenodd",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"}))};exports.HawaTable=function(s){var d,u,m,g,b,v,p,x,f,h,y,E,w,k,N,C,S=s.size,j=void 0===S?"normal":S,z=s.bodyColor,q=void 0===z?"white":z,_=s.headerColor,D=void 0===_?"gray-200":_,M=s.borders,P=void 0===M?"all":M,I=s.highlightFirst,T=void 0!==I&&I,W=s.direction,F=void 0===W?"ltr":W,A=s.bordersWidth,B=void 0===A?"1":A,L=s.pagination,R=void 0===L||L,V=e.__rest(s,["size","bodyColor","headerColor","borders","highlightFirst","direction","bordersWidth","pagination"]),H=i.react.exports.useState(10),K=H[0],O=H[1],G=i.react.exports.useState(null),J=G[0],Q=G[1],U=i.react.exports.useState(1),X=U[0],Y=U[1],Z=i.react.exports.useState(null);Z[0],Z[1];var $=i.react.exports.useState(V.rows),ee=$[0];$[1];var te=i.react.exports.useState(null),re=te[0],ne=te[1],le=i.react.exports.useState(null),oe=le[0],ae=le[1],ie=n(V.rows,X,K,re,oe),ce=ie.slice,se=ie.range,de="rtl"===F,ue={normal:"py-3 px-6",small:"px-3 py-1"};return i.react.exports.useEffect((function(){(null==ce?void 0:ce.length)<1&&1!==X&&Y(X-1),J&&Y(J)}),[ce,X]),t.createElement("div",{className:"relative flex flex-col gap-2  "},V.isLoading?t.createElement(a.Skeleton,{className:"h-[105px] w-full"}):t.createElement(t.Fragment,null,t.createElement("div",{className:"overflow-x-auto rounded  bg-".concat(D)},V.headerTools&&t.createElement("div",{className:"flex flex-row items-center justify-between gap-2 border bg-background px-2  py-2"},V.headerTools),t.createElement("table",{className:r.clsx("w-full rounded bg-muted text-left text-sm text-muted-foreground","bg-".concat(D))},t.createElement("thead",{className:r.clsx("bg-muted text-xs uppercase text-muted-foreground ","rows"===P||"all"===P||"inner"===P?"border-b ":"")},t.createElement("tr",null,V.columns.map((function(e,n){return e.hidden?void 0:t.createElement("th",{onClick:function(){return e.sortable&&(t=n,void(e.sortable&&(ne(t),ae((function(e){return"asc"===e?"desc":"asc"})))));var t},key:n,scope:"col",colSpan:2,className:r.clsx(e.sortable?"cursor-pointer hover:bg-muted-foreground/10":"",ue[j],0===n||"cols"!==P&&"all"!==P&&"inner"!==P?"":"border-r border-r-[".concat(B,"px] border-l border-l-[").concat(B,"px]"))},e.value,re===n&&t.createElement("span",null,"asc"===oe?" ▲":" ▼"))})),V.actions?t.createElement("th",{scope:"col",className:r.clsx(ue[j],"w-[calc(1%)] text-center")},null!==(u=null===(d=V.texts)||void 0===d?void 0:d.actions)&&void 0!==u?u:"Actions"):null)),t.createElement("tbody",{className:q&&V.rows?"bg-".concat(q):"bg-transparent"},ee?null==ce?void 0:ce.map((function(e,n){var a=n==(null==ce?void 0:ce.length)-1;return t.createElement("tr",{key:n,className:r.clsx(" text-mute-foreground  border bg-background",V.clickable?"hover:bg-gray-100":"",a||"all"!==P&&"rows"!==P&&"inner"!==P?"":"border-b border-b-[".concat(B,"px]"))},null==e?void 0:e.map((function(n,l){var o=0===l,i=l===(null==e?void 0:e.length)-1,c=de&&a&&i&&!V.actions,s=de&&a&&o,d=!de&&a&&o,u=!de&&a&&i&&!V.actions;return n.hidden?void 0:t.createElement("td",{colSpan:2,key:l,className:r.clsx(ue[j],T&&o?"font-bold":"font-normal",s?"rounded-bl-none rounded-br":c||d?"rounded-bl rounded-br-none":u?"rounded-bl-none rounded-br":"",(o||i||"cols"!==P&&"inner"!==P&&"all"!==P)&&(o||!V.actions||"cols"!==P&&"inner"!==P&&"all"!==P)?"":"border-l border-l-[".concat(B,"px] border-r border-r-[").concat(B,"px]"))},n.value," ",n.suffix&&n.suffix)})),V.actions&&t.createElement("td",{align:de?"right":"left",className:l.cn(de&&a&&"rounded-bl rounded-br-none",!de&&a&&"rounded-bl-none rounded-br"),colSpan:1},t.createElement("div",{className:"flex items-center justify-center"},t.createElement(o.DropdownMenu,{width:V.actionsWidth,size:V.actionsSize,direction:F,side:"right",items:V.actions,selectCallback:function(t){return V.handleActionClick(t,e)},trigger:t.createElement("div",{className:"flex w-fit cursor-pointer items-center justify-center rounded p-2 transition-all hover:bg-primary/20 "},t.createElement("svg",{"aria-label":"Vertical Three Dots Menu Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},t.createElement("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})))}))))})):t.createElement("tr",{className:"bg-transparent"},t.createElement("td",{colSpan:20},t.createElement("div",{className:r.clsx("w-full rounded-b  border p-5 text-center","bg-background")},null!==(g=null===(m=V.texts)||void 0===m?void 0:m.noData)&&void 0!==g?g:"No Data"))))))),R&&t.createElement("div",{className:"flex flex-row items-center justify-between "},se.length>1?t.createElement("div",{className:"flex w-fit  flex-row items-stretch justify-center gap-2 overflow-clip rounded "},t.createElement("div",{className:l.cn("flex h-6 w-6 rotate-180 cursor-pointer items-center justify-center rounded border bg-background p-1 text-xs hover:bg-primary/10 dark:hover:bg-primary/10","rtl"===F&&"rotate-0"),onClick:function(){return Y(X<=1?se.length:X-1)}},t.createElement(c,null)),t.createElement("div",{className:"flex flex-row items-center  overflow-clip rounded  transition-all"},se.length>6&&se.map((function(e,n){if(n<=0)return t.createElement("button",{key:n,className:r.clsx("w-10 p-1 text-xs hover:bg-gray-200",X===e?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:function(){return Y(e)}},e)})),(null==se?void 0:se.length)>6&&t.createElement("input",{type:"text",className:" w-10  bg-gray-100 p-1 text-center text-xs",defaultValue:0!==X||X!==se.length-1?X:"...",value:1==X||X==se.length?"...":J||X,onChange:function(e){return Q(parseInt(e.target.value))},onKeyDown:function(e){"Enter"===e.key&&(Y(J),Q(null))}}),(null==se?void 0:se.length)>6&&se.map((function(e,n){if(n>=se.length-1)return t.createElement("button",{key:n,className:r.clsx("w-10 p-1 text-xs hover:bg-gray-200",X===e?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:function(){return Y(e)}},e)})),(null==se?void 0:se.length)<=6&&se.map((function(e,n){return t.createElement("button",{key:n,className:r.clsx("w-10 p-1 text-xs",X===e?"bg-primary text-primary-foreground ":"border bg-background hover:bg-primary/10 dark:hover:bg-primary/10","rtl"===F?0===n?"rounded-r border-l-0":n===se.length-1?"rounded-l border-r-0":"":0===n?"rounded-l border-r-0":n===se.length-1?"rounded-r border-l-0":""),onClick:function(){return Y(e)}},e)}))),t.createElement("div",{onClick:function(){return X>=se.length?Y(1):Y(X+1)},className:l.cn("flex h-6 w-6  cursor-pointer items-center justify-center rounded border bg-background p-1 text-xs hover:bg-primary/10 dark:hover:bg-primary/10","rtl"===F&&"rotate-180")},t.createElement(c,null))):t.createElement("div",null),V.rows?t.createElement("div",{className:"flex w-fit flex-row items-center gap-2  "},t.createElement("div",{className:"text-xs "},V.rows.length," ",null!==(v=null===(b=V.texts)||void 0===b?void 0:b.items)&&void 0!==v?v:"Items"),t.createElement("select",{value:K,className:"h-6 cursor-pointer rounded border bg-background px-2 text-xs",onChange:function(e){O(parseInt(e.target.value))}},t.createElement("option",{value:10,style:{fontSize:10}},"10 / ",null!==(x=null===(p=V.texts)||void 0===p?void 0:p.page)&&void 0!==x?x:"Page"),t.createElement("option",{value:20,style:{fontSize:10}},"20 / ",null!==(h=null===(f=V.texts)||void 0===f?void 0:f.page)&&void 0!==h?h:"Page"),t.createElement("option",{value:30,style:{fontSize:10}},"30 / ",null!==(E=null===(y=V.texts)||void 0===y?void 0:y.page)&&void 0!==E?E:"Page"),t.createElement("option",{value:50,style:{fontSize:10}},"50 / ",null!==(k=null===(w=V.texts)||void 0===w?void 0:w.page)&&void 0!==k?k:"Page"),t.createElement("option",{value:100,style:{fontSize:10}},"100 / ",null!==(C=null===(N=V.texts)||void 0===N?void 0:N.page)&&void 0!==C?C:"Page"))):t.createElement("div",null)))};

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type TabsTypes = {
+    options?: any;
+    onChangeTab?: (option: any) => void;
+    defaultValue?: any;
+    orientation?: "horizontal" | "vertical";
+    direction?: "rtl" | "ltr";
+    marginBetween?: any;
+    width?: "full" | "normal";
+    pill?: boolean;
+};
+export declare const HawaTabs: FC<TabsTypes>;
+export {};

package/lib/src/elements/HawaTabs.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"),o=require("../../_virtual/index.js");exports.HawaTabs=function(n){var i,l,a=n.orientation,d=void 0===a?"horizontal":a,u=n.direction,c=void 0===u?"ltr":u,s=n.width,m=void 0===s?"normal":s,b=n.marginBetween,v=void 0===b?0:b,x=n.pill,p=void 0!==x&&x,g=e.__rest(n,["orientation","direction","width","marginBetween","pill"]),f=o.react.exports.useState(null===(i=g.options[0])||void 0===i?void 0:i.value),y=f[0],h=f[1],w={vertical:"inline-block py-2 px-4 text-white bg-primary active",horizontal:"inline-block py-2 px-4 text-white bg-primary active"},k={vertical:"inline-block py-2 px-4 hover:text-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-white",horizontal:"bg-gray-100 inline-block py-2 px-4  hover:text-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-white"};return r.createElement("div",{dir:c,className:t.cn({vertical:"flex flex-row",horizontal:"flex flex-col"}[d],g.options[y]?"border-b-2":"border-b-0")},r.createElement("ul",{className:t.cn("w-full border-primary",v?"vertical"===d?"mb-0":"mb-"+v:"",v&&"rtl"===c?"ml-"+v:"mr-"+v,{vertical:"sticky top-2 h-fit flex flex-col w-fit flex-wrap rounded border-b-primary bg-gray-100 text-center text-sm font-medium text-gray-500 dark:text-gray-400",horizontal:"flex w-fit  flex-wrap border-b-primary text-center text-sm font-medium text-gray-500 dark:text-gray-400"}[d],"horizontal"===d?"grid grid-cols-3 gap-1 sm:flex  sm:flex-row sm:gap-0 ":"",{full:"w-full min-w-full",normal:"w-fit"}[m],p?"gap-0.5 rounded border-none bg-gray-100 p-0.5":"vertical"===d?"rtl"===c?"rounded-none rounded-r border-l-2":"rounded-none rounded-l border-r-2":"border-b-0 sm:border-b-2")},null===(l=g.options)||void 0===l?void 0:l.map((function(e,o){return r.createElement("button",{key:o,"aria-current":"page",onClick:function(){h(e.value),null==g||g.onChangeTab(e)},className:t.cn(e.value===y?[w[d],"rtl"===c?"rounded-r":"rounded-l"]:k[d],p?"rounded":"vertical"===d?"rounded rounded-bl-none rounded-tl-none":"rounded sm:rounded-b-none","flex w-fit flex-row items-center gap-2  transition-all ")},e.icon,e.label)}))),r.createElement("div",{className:"flex-1 transition-all"},g.options.map((function(e,o){return r.createElement("div",{key:o,className:t.cn(y===e.value?"":"hidden")},e.content)}))))};

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

@@ -0,0 +1,33 @@
+import React, { FC, PropsWithRef } from "react";
+type TextFieldTypes = {
+    isLoading?: boolean;
+    margin?: "none" | "normal" | "large";
+    width?: "small" | "normal" | "full";
+    /** The label of the input field   */
+    label?: any;
+    /** Disable/Enable multiple line text input field   */
+    multiline?: boolean;
+    /** The small red text under the input field to show validation or a hint.   */
+    helpertext?: any;
+    /** The value of the input field */
+    value?: any;
+    props?: PropsWithRef<"input">;
+    /** The type of input field. Same as the types of <input/> component   */
+    type?: any;
+    /** The placeholder of the input field  */
+    placeholder?: any;
+    defaultValue?: any;
+    name?: any;
+    inputProps?: any;
+    onChange?: any;
+    ref?: any;
+    /** The icon inside the input field */
+    icon?: any;
+    /** Boolean to enable/disable editing the input field and using it as a text field   */
+    preview?: boolean;
+    autoComplete?: any;
+    maxLength?: any;
+    iconInside?: React.ReactNode;
+};
+export declare const HawaTextField: FC<TextFieldTypes>;
+export {};

package/lib/src/elements/HawaTextField.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("./Label.js"),n=require("../util.js"),l=require("./Skeleton.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(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}exports.HawaTextField=function(c){var i=c.margin,s=void 0===i?"normal":i,u=c.width,b=void 0===u?"full":u,m=c.preview,p=void 0!==m&&m,d=e.__rest(c,["margin","width","preview"]);return t.createElement("div",{className:n.cn("flex max-h-fit relative flex-col justify-center gap-2",{none:"mb-0",normal:"mb-3",large:"mb-5"}[s],{small:"w-full max-w-2xs",normal:"w-1/2",full:"w-full"}[b])},d.label&&t.createElement(r.Label,null,d.label),d.isLoading?t.createElement(l.Skeleton,{className:"h-[38px] w-full"}):t.createElement(t.Fragment,null,t.createElement("div",{className:n.cn("absolute top-[22px] h-[0.8px] w-full bg-gray-200 transition-all dark:bg-gray-800",p?"opacity-100":"opacity-0")}),t.createElement(t.Fragment,null,t.createElement("div",{className:n.cn("relative")},d.icon&&t.createElement("div",{className:"absolute left-3 top-1/2 -translate-y-1/2"},d.icon),t.createElement("input",o(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){a(e,t,r[t])}))}return e}({},d),{className:n.cn("block w-full rounded border transition-all bg-background p-2 text-sm text-black dark:text-white focus:border-blue-500 focus:ring-blue-500",d.icon&&"pl-10",p&&"border-transparent bg-transparent px-0"),disabled:p}))),d.iconInside&&t.createElement("div",{className:"absolute right-1 top-[41px]  -translate-y-1/2"},d.iconInside),d.helpertext&&t.createElement("p",{className:"mb-0 mt-0 text-xs text-red-600 dark:text-red-500"},d.helpertext))))};

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type TypographyTypes = {
+    children: any;
+    align?: any;
+};
+export declare const HawaTypography: FC<TypographyTypes>;
+export {};

package/lib/src/elements/HawaTypography.js

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

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

@@ -0,0 +1,22 @@
+import React from "react";
+type IconProps = React.HTMLAttributes<SVGElement>;
+export declare const Icons: {
+    logo: (props: IconProps) => React.JSX.Element;
+    mail: (props: IconProps) => React.JSX.Element;
+    phone: (props: IconProps) => React.JSX.Element;
+    twitter: (props: IconProps) => React.JSX.Element;
+    microsoft: (props: IconProps) => React.JSX.Element;
+    gitHub: (props: IconProps) => React.JSX.Element;
+    radix: (props: IconProps) => React.JSX.Element;
+    aria: (props: IconProps) => React.JSX.Element;
+    npm: (props: IconProps) => React.JSX.Element;
+    yarn: (props: IconProps) => React.JSX.Element;
+    pnpm: (props: IconProps) => React.JSX.Element;
+    react: (props: IconProps) => React.JSX.Element;
+    tailwind: (props: IconProps) => React.JSX.Element;
+    google: (props: IconProps) => React.JSX.Element;
+    apple: (props: IconProps) => React.JSX.Element;
+    paypal: (props: IconProps) => React.JSX.Element;
+    spinner: (props: IconProps) => React.JSX.Element;
+};
+export {};

package/lib/src/elements/Icons.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}var n={logo:function(t){return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256"},t),e.createElement("rect",{width:"256",height:"256",fill:"none"}),e.createElement("line",{x1:"208",y1:"128",x2:"128",y2:"208",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),e.createElement("line",{x1:"192",y1:"40",x2:"40",y2:"192",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))},mail:function(t){return e.createElement("svg",r({stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},t),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"}))},phone:function(t){return e.createElement("svg",r({stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","aria-hidden":"true",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"}))},twitter:function(t){return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t),e.createElement("path",{fill:"currentColor",d:"M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"}))},microsoft:function(t){return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},t),e.createElement("path",{fill:"currentColor",d:"M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"}))},gitHub:function(t){return e.createElement("svg",r({viewBox:"0 0 438.549 438.549"},t),e.createElement("path",{fill:"currentColor",d:"M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"}))},radix:function(t){return e.createElement("svg",r({viewBox:"0 0 25 25",fill:"none"},t),e.createElement("path",{d:"M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",fill:"currentcolor"}),e.createElement("path",{d:"M12 0H4V8H12V0Z",fill:"currentcolor"}),e.createElement("path",{d:"M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",fill:"currentcolor"}))},aria:function(t){return e.createElement("svg",r({role:"img",viewBox:"0 0 24 24",fill:"currentColor"},t),e.createElement("path",{d:"M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z"}))},npm:function(t){return e.createElement("svg",r({viewBox:"0 0 24 24"},t),e.createElement("path",{d:"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",fill:"currentColor"}))},yarn:function(t){return e.createElement("svg",r({viewBox:"0 0 24 24"},t),e.createElement("path",{d:"M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",fill:"currentColor"}))},pnpm:function(t){return e.createElement("svg",r({viewBox:"0 0 24 24"},t),e.createElement("path",{d:"M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",fill:"currentColor"}))},react:function(t){return e.createElement("svg",r({viewBox:"0 0 24 24"},t),e.createElement("path",{d:"M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",fill:"currentColor"}))},tailwind:function(t){return e.createElement("svg",r({viewBox:"0 0 24 24"},t),e.createElement("path",{d:"M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",fill:"currentColor"}))},google:function(t){return e.createElement("svg",r({role:"img",viewBox:"0 0 24 24"},t),e.createElement("path",{fill:"currentColor",d:"M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"}))},apple:function(t){return e.createElement("svg",r({role:"img",viewBox:"0 0 24 24"},t),e.createElement("path",{d:"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",fill:"currentColor"}))},paypal:function(t){return e.createElement("svg",r({role:"img",viewBox:"0 0 24 24"},t),e.createElement("path",{d:"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",fill:"currentColor"}))},spinner:function(t){return e.createElement("svg",r({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"},t),e.createElement("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"}))}};exports.Icons=n;

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    preview?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/lib/src/elements/Input.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var r=require("../util.js"),t=require("../../_virtual/index.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var o=t.react.exports.forwardRef((function(o,n){var s=o.className,l=o.preview,u=o.type,a=e.__rest(o,["className","preview","type"]);return t.react.exports.createElement("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){i(e,r,t[r])}))}return e}({type:u,className:r.cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",s,l&&"  disabled:cursor-default disabled:opacity-100 border-opacity-25 "),disabled:l,ref:n},a))}));o.displayName="Input",exports.Input=o;

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type TypographyTypes = {
+    handleLanguage: (e: any) => void;
+    currentLanguage: any;
+    handleColorMode: (e: any) => void;
+    currentColorMode: any;
+    orientation?: "vertical" | "horizontal";
+    width?: "default" | "full";
+};
+export declare const InterfaceSettings: FC<TypographyTypes>;
+export {};

package/lib/src/elements/InterfaceSettings.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("./HawaRadio.js"),r=require("../util.js"),l=require("../../_virtual/index.js");exports.InterfaceSettings=function(n){var o=n.orientation,i=void 0===o?"horizontal":o,s=n.width,C=void 0===s?"default":s,d=e.__rest(n,["orientation","width"]),u=l.react.exports.useState(d.currentColorMode),c=u[0],h=u[1],w=l.react.exports.useState(d.currentLanguage),g=w[0],m=w[1];return t.createElement("div",{className:r.cn({horizontal:"flex flex-row justify-between",vertical:"flex flex-col items-center gap-2"}[i])},t.createElement(a.HawaRadio,{width:C,defaultValue:g,onChangeTab:function(e){d.handleLanguage(e),m(e)},design:"tabs",options:[{value:"ar",label:"عربي"},{value:"en",label:"English"}]}),t.createElement(a.HawaRadio,{width:C,defaultValue:c,onChangeTab:function(e){d.handleColorMode(e),h(e)},design:"tabs",options:[{value:"light",label:t.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"},t.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"}))},{value:"dark",label:t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",className:"h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"},t.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]}))};

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

@@ -0,0 +1,31 @@
+import { FC } from "react";
+type InvoiceAccordionTypes = {
+    products: {
+        usage?: string;
+        price?: string;
+        amount?: string;
+        plan?: string;
+    }[];
+    texts: {
+        total: string;
+        plan: string;
+        usage: string;
+        amount: string;
+        price: string;
+    };
+    invoiceTitle: string;
+    invoiceSubtitle: string;
+    invoiceDescription?: string;
+    invoiceActions?: {
+        icon?: JSX.Element;
+        label: string;
+        action?: (e: any) => void;
+        isButton?: boolean;
+        element?: any;
+    }[][];
+    total: any;
+    direction?: "rtl" | "ltr";
+    status?: "paid" | "pending" | "overdue";
+};
+export declare const InvoiceAccordion: FC<InvoiceAccordionTypes>;
+export {};

package/lib/src/elements/InvoiceAccordion.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"),l=require("../../node_modules/clsx/dist/clsx.m.js"),a=require("./HawaChip.js"),r=require("./HawaMenu.js"),i=require("../../_virtual/index.js");exports.InvoiceAccordion=function(n){var c,s=n.direction,o=void 0===s?"ltr":s,m=n.texts,d=void 0===m?{total:"Total",plan:"Plan",usage:"Usage",amount:"Amount",price:"Price"}:m,u=e.__rest(n,["direction","texts"]),x=function(e){return t.createElement("div",{className:l.clsx(e.start?"items-start":"items-end","flex w-full flex-col")},t.createElement("div",{className:" text-sm text-gray-500"},e.label),t.createElement("div",{className:" whitespace-nowrap"},e.text))},v=i.react.exports.useState(!1),f=v[0],p=v[1];return t.createElement("div",{className:"flex w-full flex-col"},t.createElement("div",{className:"flex w-full flex-row items-center gap-2 border p-4 "},u.invoiceActions&&t.createElement("div",{className:l.clsx("transition-all hover:cursor-pointer ","rtl"===o?"rotate-180":"",f?"rotate-90":""),onClick:function(){return p(!f)}},t.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"2em",width:"2em"},t.createElement("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"}))),t.createElement("div",{className:"flex w-full cursor-pointer flex-col gap-0",onClick:function(){return p(!f)}},t.createElement("div",{className:"flex flex-row items-center gap-2"},t.createElement("span",{className:"bg-white-200"},u.invoiceTitle),u.status&&t.createElement(a.HawaChip,{size:"small",label:u.status})),t.createElement("div",{className:"font-sm text-gray-400"},u.invoiceSubtitle)),t.createElement("div",{className:"flex flex-row items-center gap-2"},t.createElement("div",{className:"whitespace-nowrap"},u.total),t.createElement(r.HawaMenu,{direction:o,position:"rtl"===o?"bottom-right":"bottom-left",menuItems:u.invoiceActions},t.createElement("div",{className:" p-2"},t.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},t.createElement("path",{d:"M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"})))))),f&&t.createElement("div",{className:l.clsx(f?"h-full":"h-0 border-none p-0 px-4","flex h-auto flex-col gap-4 overflow-clip border border-t-0 bg-gray-50 p-4 transition-all")},t.createElement("div",{className:"border-b pb-2"},u.invoiceDescription),null===(c=u.products)||void 0===c?void 0:c.map((function(e,l){return t.createElement("div",{key:l,className:"flex flex-row border-b  pb-4"},t.createElement("div",{className:"w-full"},t.createElement(x,{start:!0,label:d.plan,text:e.plan})),t.createElement("div",{className:"flex w-full flex-row gap-20 "},t.createElement(x,{label:d.usage,text:"".concat(e.usage," SAR")}),t.createElement(x,{label:d.price,text:"".concat(e.price," SAR")}),t.createElement(x,{label:d.amount,text:"".concat(e.amount," SAR")})))})),t.createElement("div",{className:"flex flex-row justify-between"},t.createElement("div",null,d.total)," ",t.createElement("div",null,u.total))))};

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/lib/src/elements/Label.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var r=require("../../node_modules/@radix-ui/react-label/dist/index.mjs.js"),t=require("../../node_modules/class-variance-authority/dist/index.mjs.js"),a=require("../util.js"),n=require("../../_virtual/index.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var s=t.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),i=n.react.exports.forwardRef((function(t,i){var l=t.className,u=e.__rest(t,["className"]);return n.react.exports.createElement(r.Root,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){o(e,r,t[r])}))}return e}({ref:i,className:a.cn(s(),l)},u))}));i.displayName=r.Root.displayName,exports.Label=i;

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+interface PopoverProps {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    sideOffset?: number;
+    open?: boolean;
+}
+declare const Popover: React.FC<PopoverProps>;
+export { Popover };

package/lib/src/elements/Popover.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var t=require("../../node_modules/@radix-ui/react-popover/dist/index.mjs.js"),r=require("../util.js"),a=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}var n=a.react.exports.forwardRef((function(n,s){var i=n.className,d=n.align,l=void 0===d?"center":d,c=n.sideOffset,u=void 0===c?4:c,f=e.__rest(n,["className","align","sideOffset"]);return a.react.exports.createElement(t.Portal,null,a.react.exports.createElement(t.Content,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}({ref:s,align:l,sideOffset:u,className:r.cn("z-50 rounded border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:shadow-dark",i)},f)))}));n.displayName=t.Content.displayName;exports.Popover=function(e){var r=e.trigger,o=e.children,s=e.className,i=e.align,d=void 0===i?"center":i,l=e.side,c=e.sideOffset,u=void 0===c?4:c,f=e.open;return a.react.exports.createElement(t.Root,{open:f},a.react.exports.createElement(t.Trigger,null,r),a.react.exports.createElement(n,{side:l,className:s,align:d,sideOffset:u},o))};

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/lib/src/elements/Separator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var r=require("../../node_modules/@radix-ui/react-separator/dist/index.mjs.js"),t=require("../util.js"),o=require("../../_virtual/index.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var n=o.react.exports.forwardRef((function(n,a){var s=n.className,l=n.orientation,u=void 0===l?"horizontal":l,c=n.decorative,d=void 0===c||c,f=e.__rest(n,["className","orientation","decorative"]);return o.react.exports.createElement(r.Root,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){i(e,r,t[r])}))}return e}({ref:a,decorative:d,orientation:u,className:t.cn("shrink-0 bg-border","horizontal"===u?"h-[1px] w-full":"h-full w-[1px]",s)},f))}));n.displayName=r.Root.displayName,exports.Separator=n;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export { Skeleton };

package/lib/src/elements/Skeleton.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");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.Skeleton=function(o){var u=o.className,s=e.__rest(o,["className"]);return r.createElement("div",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({className:t.cn("animate-pulse rounded-md bg-muted",u)},s))};

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

@@ -0,0 +1,14 @@
+import React from "react";
+interface Feature {
+    icon: React.ReactNode;
+    title: string;
+    description: string;
+}
+type StickyFeaturesType = {
+    features?: Feature[];
+    tag?: string;
+    title?: string;
+    description?: string;
+};
+export declare const StickyFeatures: React.FC<StickyFeaturesType>;
+export {};

package/lib/src/elements/StickyFeatures.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.StickyFeatures=function(t){return e.createElement("div",{className:"bg-white py-24 sm:py-32"},e.createElement("div",{className:"mx-auto flex max-w-5xl flex-col items-start gap-10 px-6 md:flex-row lg:px-8"},e.createElement("div",{className:"w-full md:sticky md:top-10 md:w-[28rem]"},e.createElement("h2",{className:"text-lg font-semibold leading-8 tracking-tight text-indigo-600"},t.tag),e.createElement("p",{className:"mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"},t.title),e.createElement("p",{className:"mb-2 mt-6 text-base leading-7 text-gray-600"},t.description)),e.createElement("div",{className:"mt-5 w-full min-w-0 flex-1 md:mt-0"},e.createElement("dl",{className:"grid grid-cols-1 gap-x-8 gap-y-10 md:max-w-xl lg:max-w-none lg:gap-y-16"},t.features.map((function(t){return e.createElement("div",{className:"relative rounded-lg bg-gray-50 p-10"},e.createElement("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600"},t.icon),e.createElement("dt",{className:"mt-4 text-lg font-semibold leading-7 text-gray-900"},t.title),e.createElement("dd",{className:"mt-2 text-base leading-7 text-gray-600"},t.description))}))))))};

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

@@ -0,0 +1,19 @@
+import { FC } from "react";
+type SubsectionListTypes = {
+    align?: any;
+    subsections: [
+        {
+            title: string;
+            sections: [
+                {
+                    label: string;
+                    action: () => void;
+                    icon?: any;
+                    value?: any;
+                }
+            ];
+        }
+    ];
+};
+export declare const SubsectionList: FC<SubsectionListTypes>;
+export {};

package/lib/src/elements/SubsectionList.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("./HawaChip.js"),l=require("../../_virtual/index.js"),a=function(l){var a=l.title,i=l.value,n=l.icon,s=l.chip,c=l.selected,u=l.onItemClick;return e.createElement("div",{onClick:u,className:t.clsx("flex w-full cursor-pointer flex-row items-center justify-between gap-2 rounded p-2  transition-all ",c===i?"bg-primary text-white hover:bg-primary":"hover:bg-layoutPrimary-300")},e.createElement("div",{className:"flex w-full flex-row items-center justify-start  gap-2"},n," ",e.createElement("span",null,a)),s&&e.createElement(r.HawaChip,{label:"Upgrade",size:"normal"})," ")};exports.SubsectionList=function(t){var r=t.subsections,i=l.react.exports.useState(null),n=i[0],s=i[1];return e.createElement("div",{className:"w-full max-w-2xs rounded bg-layoutPrimary-500 p-4 "},r.map((function(t,r){return e.createElement("div",{key:r,className:"my-0"},t.title&&e.createElement("div",{className:"my-4 font-bold"},t.title),t.sections.map((function(t,r){return e.createElement(a,{key:r,onItemClick:function(){return s(t.value)},selected:n,value:t.value,icon:t.icon,title:t.label,chip:"Upgrade"})})))})))};

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    size?: "default" | "sm" | "lg";
+    label?: string;
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/lib/src/elements/Switch.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var t=require("../../node_modules/@radix-ui/react-switch/dist/index.mjs.js"),r=require("../util.js"),a=require("../../_virtual/index.js");function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(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 a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}var c={default:"h-[25px] w-[42px]",sm:"h-[20px] w-[37px]"},s={default:"h-[21px] w-[21px]",sm:"h-[16px] w-[16px]"},i=a.react.exports.forwardRef((function(i,l){var u=i.className,p=i.size,d=void 0===p?"default":p,f=i.label,m=e.__rest(i,["className","size","label"]),b=a.react.exports.useState(null),x=b[0],y=b[1],O=a.react.exports.useRef(null);return a.react.exports.useEffect((function(){if(O.current&&O.current.parentNode){var e=window.getComputedStyle(O.current.parentNode).direction;y(e)}})),a.react.exports.createElement("div",{className:"flex flex-row items-center",ref:O},a.react.exports.createElement(t.Root,o(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){n(e,t,r[t])}))}return e}({className:r.cn("relative  cursor-pointer rounded-full bg-primary/20 outline-none data-[state=checked]:bg-primary",u,c[d])},m),{ref:l}),a.react.exports.createElement(t.Thumb,{className:r.cn(s[d],"block   rounded-full bg-white transition-transform  duration-100 will-change-transform data-[state=checked]:bg-primary-foreground  dark:bg-background","rtl"===x?"-translate-x-0.5 data-[state=checked]:-translate-x-[19px]":"translate-x-0.5 data-[state=checked]:translate-x-[19px]")})),f&&a.react.exports.createElement("span",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},f))}));i.displayName=t.Root.displayName,exports.Switch=i;

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+type TabPanelTypes = {
+    children: any;
+    value: any;
+    index: any;
+};
+export declare const TabPanel: FC<TabPanelTypes>;
+export {};

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    orientation?: "vertical" | "horizontal";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/lib/src/elements/Tabs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var r=require("../../node_modules/@radix-ui/react-tabs/dist/index.mjs.js"),t=require("../util.js"),a=require("../../_virtual/index.js");function s(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]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){s(e,r,t[r])}))}return e}var i=a.react.exports.createContext({orientation:"vertical"}),n=a.react.exports.forwardRef((function(s,n){var l=s.className,c=s.orientation,f=e.__rest(s,["className","orientation"]);return a.react.exports.createElement(r.Root,o({ref:n,className:t.cn("flex gap-2","horizontal"===c?"flex-row":"flex-col",l)},f),a.react.exports.createElement(i.Provider,{value:{orientation:c}},f.children))}));n.displayName=r.Root.displayName;var l=a.react.exports.forwardRef((function(s,n){var l=s.className,c=e.__rest(s,["className"]),f=a.react.exports.useContext(i).orientation;return a.react.exports.createElement(r.List,o({ref:n,className:t.cn("flex w-fit flex-wrap items-center justify-start gap-1 rounded border  bg-muted p-1 text-muted-foreground  dark:border-primary/10 ","horizontal"===f?"flex-col":"flex-row",l)},c))}));l.displayName=r.List.displayName;var c=a.react.exports.forwardRef((function(s,i){var n=s.className,l=e.__rest(s,["className"]);return a.react.exports.createElement(r.Trigger,o({ref:i,className:t.cn("inline-flex w-full flex-1 select-none items-center justify-center whitespace-nowrap rounded border px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm  dark:border-primary/10",n)},l))}));c.displayName=r.Trigger.displayName;var f=a.react.exports.forwardRef((function(s,i){var n=s.className,l=e.__rest(s,["className"]);return a.react.exports.createElement(r.Content,o({ref:i,className:t.cn("w-full ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",n)},l))}));f.displayName=r.Content.displayName,exports.Tabs=n,exports.TabsContent=f,exports.TabsList=l,exports.TabsTrigger=c;

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    helperText?: string;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/lib/src/elements/Textarea.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var r=require("../util.js"),t=require("./Label.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}var o=a.react.exports.forwardRef((function(o,n){var s=o.className,c=o.label,u=o.helperText,i=e.__rest(o,["className","label","helperText"]);return a.react.exports.createElement("div",{className:"flex flex-col gap-2"},c&&a.react.exports.createElement(t.Label,{htmlFor:i.id},c),a.react.exports.createElement("textarea",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){l(e,r,t[r])}))}return e}({className:r.cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground   disabled:cursor-not-allowed disabled:opacity-50",s),ref:n},i)),u&&a.react.exports.createElement("p",{className:"mb-0 mt-0 text-xs text-red-600 dark:text-red-500"},u))}));o.displayName="Textarea",exports.Textarea=o;

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type TimelineTypes = {
+    title: any;
+    steps: StepTypes[];
+};
+type StepTypes = {
+    date: string;
+    title: string;
+    description?: string;
+    actions?: any;
+};
+export declare const Timeline: FC<TimelineTypes>;
+export {};

package/lib/src/elements/Timeline.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js");exports.Timeline=function(t){return e.createElement("div",null,e.createElement("ol",{className:"relative border-l border-gray-200 dark:border-gray-700"},t.steps.map((function(t){return e.createElement("li",{className:"mb-10 ml-4"},e.createElement("div",{className:"absolute -left-1.5 mt-1.5 h-3 w-3 rounded-full border border-white bg-gray-200 dark:border-gray-900 dark:bg-gray-700"}),e.createElement("time",{className:"mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500"},t.date),e.createElement("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white"},t.title),e.createElement("p",{className:"mb-4 text-base font-normal text-gray-500 dark:text-gray-400"},t.description),t.actions)}))))};

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { type VariantProps } from "class-variance-authority";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
+    variant?: "default" | "destructive";
+    severity?: "info" | "warning" | "error" | "success" | "none";
+} & import("class-variance-authority/dist/types").ClassProp) => string> & {
+    severity?: "info" | "warning" | "error" | "success" | "none";
+    direction?: "rtl" | "ltr";
+} & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/lib/src/elements/Toast.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js");require("../../node_modules/react/index.js");var r=require("../../node_modules/@radix-ui/react-toast/dist/index.mjs.js"),t=require("../../node_modules/class-variance-authority/dist/index.mjs.js"),o=require("../util.js"),a=require("../../_virtual/index.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){s(e,r,t[r])}))}return e}var i=t.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border  shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80  data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"},severity:{info:"info group text-info-foreground bg-info",warning:"warning group text-warning-foreground bg-warning",error:"error group border-error bg-error text-error-foreground",success:"success group text-success-foreground bg-success",none:""}},defaultVariants:{variant:"default"}}),c=r.Provider,u=a.react.exports.forwardRef((function(t,s){var i=t.className,c=e.__rest(t,["className"]);return a.react.exports.createElement(r.Viewport,n({ref:s,className:o.cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",i)},c))}));u.displayName=r.Viewport.displayName;var d=a.react.exports.forwardRef((function(t,s){var c=t.className,u=t.variant,d=t.severity,l=void 0===d?"none":d,p=t.direction,f=e.__rest(t,["className","variant","severity","direction"]);return a.react.exports.createElement(r.Root,n({ref:s,className:o.cn(i({variant:u,severity:l}),c,"rtl"===p?"p-6 pl-0 pr-10 data-[state=closed]:slide-out-to-left-full":"p-6 pr-8 data-[state=closed]:slide-out-to-right-full"),dir:p},f))}));d.displayName=r.Root.displayName;var l=a.react.exports.forwardRef((function(t,s){var i=t.className,c=e.__rest(t,["className"]);return a.react.exports.createElement(r.Action,n({ref:s,className:o.cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50","group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info","group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error","group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success","group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning",i)},c))}));l.displayName=r.Action.displayName;var p=a.react.exports.forwardRef((function(t,s){var i=t.className,c=e.__rest(t,["className"]);return a.react.exports.createElement(r.Close,n({ref:s,className:o.cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",i),"toast-close":""},c),a.react.exports.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-4 w-4",fill:"currentColor",viewBox:"0 0 20 20"},a.react.exports.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"})))}));p.displayName=r.Close.displayName;var f=a.react.exports.forwardRef((function(t,s){var i=t.className,c=e.__rest(t,["className"]);return a.react.exports.createElement(r.Title,n({ref:s,className:o.cn("text-sm font-semibold",i)},c))}));f.displayName=r.Title.displayName;var g=a.react.exports.forwardRef((function(t,s){var i=t.className,c=e.__rest(t,["className"]);return a.react.exports.createElement(r.Description,n({ref:s,className:o.cn("text-sm opacity-90",i)},c))}));g.displayName=r.Description.displayName,exports.Toast=d,exports.ToastAction=l,exports.ToastClose=p,exports.ToastDescription=g,exports.ToastProvider=c,exports.ToastTitle=f,exports.ToastViewport=u;

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Toaster(props: any): React.JSX.Element;

package/lib/src/elements/Toaster.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("./Toast.js"),n=require("../hooks/useToast.js"),i=require("../util.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.Toaster=function(s){var a=n.useToast().toasts,l="rtl"===s.direction;return t.createElement(r.ToastProvider,{swipeDirection:l?"left":"right"},a.map((function(n){var i=n.id,a=n.title,l=n.description,c=n.action,u=e.__rest(n,["id","title","description","action"]);return t.createElement(r.Toast,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}({direction:s.direction,key:i},u),t.createElement("div",{className:"grid gap-1 text-start"},a&&t.createElement(r.ToastTitle,null,a),l&&t.createElement(r.ToastDescription,null,l)),c,t.createElement(r.ToastClose,null))})),t.createElement(r.ToastViewport,{className:i.cn("gap-2",l&&"fixed left-0")}))};

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

@@ -0,0 +1,12 @@
+import React from "react";
+type TooltipTypes = {
+    open?: any;
+    side?: "top" | "right" | "bottom" | "left";
+    content?: any;
+    children?: any;
+    defaultOpen?: any;
+    onOpenChange?: any;
+    delayDuration?: any;
+};
+declare const Tooltip: React.FunctionComponent<TooltipTypes>;
+export { Tooltip };

package/lib/src/elements/Tooltip.js

@@ -0,0 +1,2 @@
+'use client';
+"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/@radix-ui/react-tooltip/dist/index.mjs.js"),n=require("../util.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 a(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}var i=t.forwardRef((function(o,i){var s=o.className,d=o.sideOffset,l=void 0===d?4:d,c=e.__rest(o,["className","sideOffset"]);return t.createElement(r.Content,a({ref:i,sideOffset:l,className:n.cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",s)},c))}));i.displayName=r.Content.displayName,t.forwardRef((function(o,i){var s=o.className,d=e.__rest(o,["className"]);return t.createElement(r.Arrow,a({ref:i,className:n.cn(s)},d))})).displayName=r.Arrow.displayName;exports.Tooltip=function(n){var o=n.side,s=n.open,d=n.content,l=n.children,c=n.defaultOpen,u=n.onOpenChange,f=n.delayDuration,m=void 0===f?300:f,p=e.__rest(n,["side","open","content","children","defaultOpen","onOpenChange","delayDuration"]);return t.createElement(r.TooltipProvider,{delayDuration:m},t.createElement(r.Root,{open:s,defaultOpen:c,onOpenChange:u},t.createElement(r.Trigger,{asChild:!0},l),t.createElement(i,a({side:o,align:"center"},p),d)))};

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type UsageCardTypes = {
+    tooltip?: any;
+    title: any;
+    percent: any;
+    currentUsage: any;
+};
+export declare const UsageCard: FC<UsageCardTypes>;
+export {};

package/lib/src/elements/UsageCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/index.js"),t=require("./Tooltip.js");exports.UsageCard=function(l){var r;return e.createElement("div",{className:"flex w-full flex-col gap-0 rounded border bg-card p-4"},e.createElement("div",{className:"flex flex-row items-center gap-2"},e.createElement("span",{className:"bg-white-200"},l.title),l.tooltip&&e.createElement(t.Tooltip,{content:l.tooltip},e.createElement("svg",{stroke:"currentColor","aria-label":"Exclamation Circle",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},e.createElement("path",{d:"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"})))),e.createElement("div",{className:"bg-white-100 flex flex-row"},e.createElement("div",null,l.currentUsage),e.createElement("div",null," (",l.percent,"%)")),e.createElement("div",{className:"mt-2 h-2.5 w-full rounded-full bg-gray-200 dark:bg-gray-700"},e.createElement("div",{className:"h-2.5 rounded-full bg-primary",style:{width:"".concat(null!==(r=l.percent)&&void 0!==r?r:0,"%")}})))};

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

@@ -0,0 +1,14 @@
+import { FC } from "react";
+type ComponentTypes = {
+    title?: string;
+    question: string;
+    options?: [];
+    texts?: {
+        least: string;
+        most: string;
+    };
+    position?: "bottom-right" | "bottom-left";
+    onOptionClicked?: (option: any) => void;
+};
+export declare const UserReferralSource: FC<ComponentTypes>;
+export {};