@m5kdev/web-ui 0.8.2 → 0.8.4

package/dist/src/components/ui/toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.mjs","names":["React"],"sources":["../../../../src/components/ui/toast.tsx"],"sourcesContent":["import * as ToastPrimitives from \"@radix-ui/react-toast\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst ToastProvider = ToastPrimitives.Provider;\r\n\r\nconst ToastViewport = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Viewport\r\n    ref={ref}\r\n    className={cn(\r\n      \"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]\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\r\n\r\nconst toastVariants = cva(\r\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 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=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"border bg-background text-foreground\",\r\n        destructive:\r\n          \"destructive group border-destructive bg-destructive text-destructive-foreground\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nconst Toast = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\r\n>(({ className, variant, ...props }, ref) => {\r\n  return (\r\n    <ToastPrimitives.Root\r\n      ref={ref}\r\n      className={cn(toastVariants({ variant }), className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nToast.displayName = ToastPrimitives.Root.displayName;\r\n\r\nconst ToastAction = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Action>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Action\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nToastAction.displayName = ToastPrimitives.Action.displayName;\r\n\r\nconst ToastClose = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Close>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Close\r\n    ref={ref}\r\n    className={cn(\r\n      \"absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 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\",\r\n      className\r\n    )}\r\n    toast-close=\"\"\r\n    {...props}\r\n  >\r\n    <X className=\"h-4 w-4\" />\r\n  </ToastPrimitives.Close>\r\n));\r\nToastClose.displayName = ToastPrimitives.Close.displayName;\r\n\r\nconst ToastTitle = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Title>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Title\r\n    ref={ref}\r\n    className={cn(\"text-sm font-semibold [&+div]:text-xs\", className)}\r\n    {...props}\r\n  />\r\n));\r\nToastTitle.displayName = ToastPrimitives.Title.displayName;\r\n\r\nconst ToastDescription = React.forwardRef<\r\n  React.ElementRef<typeof ToastPrimitives.Description>,\r\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <ToastPrimitives.Description\r\n    ref={ref}\r\n    className={cn(\"text-sm opacity-90\", className)}\r\n    {...props}\r\n  />\r\n));\r\nToastDescription.displayName = ToastPrimitives.Description.displayName;\r\n\r\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\r\n\r\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\r\n\r\nexport {\r\n  type ToastProps,\r\n  type ToastActionElement,\r\n  ToastProvider,\r\n  ToastViewport,\r\n  Toast,\r\n  ToastTitle,\r\n  ToastDescription,\r\n  ToastClose,\r\n  ToastAction,\r\n};\r\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,gBAAgBA,QAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,UAAjB;CACO;CACL,WAAW,GACT,qIACA,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,cAAc,cAAc,gBAAgB,SAAS;AAErD,MAAM,gBAAgB,IACpB,6lBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAM,QAAQA,QAAM,YAGjB,EAAE,WAAW,SAAS,GAAG,SAAS,QAAQ;AAC3C,QACE,oBAAC,gBAAgB,MAAjB;EACO;EACL,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;EACJ,CAAA;EAEJ;AACF,MAAM,cAAc,gBAAgB,KAAK;AAEzC,MAAM,cAAcA,QAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,QAAjB;CACO;CACL,WAAW,GACT,2dACA,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,YAAY,cAAc,gBAAgB,OAAO;AAEjD,MAAM,aAAaA,QAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GACT,yVACA,UACD;CACD,eAAY;CACZ,GAAI;WAEJ,oBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;CACH,CAAA,CACxB;AACF,WAAW,cAAc,gBAAgB,MAAM;AAE/C,MAAM,aAAaA,QAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,yCAAyC,UAAU;CACjE,GAAI;CACJ,CAAA,CACF;AACF,WAAW,cAAc,gBAAgB,MAAM;AAE/C,MAAM,mBAAmBA,QAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,aAAjB;CACO;CACL,WAAW,GAAG,sBAAsB,UAAU;CAC9C,GAAI;CACJ,CAAA,CACF;AACF,iBAAiB,cAAc,gBAAgB,YAAY"}

package/dist/src/components/ui/tooltip.d.mts

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+//#region src/components/ui/tooltip.d.ts
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): _$react_jsx_runtime0.JSX.Element;
+declare function Tooltip({
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.mts.map

package/dist/src/components/ui/tooltip.mjs

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+//#region src/components/ui/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("bg-primary text-primary-foreground 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 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.mjs.map

package/dist/src/components/ui/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":[],"sources":["../../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\nimport type * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nfunction TooltipProvider({\r\n  delayDuration = 0,\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\r\n  return (\r\n    <TooltipPrimitive.Provider\r\n      data-slot=\"tooltip-provider\"\r\n      delayDuration={delayDuration}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\r\n  return (\r\n    <TooltipProvider>\r\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\r\n    </TooltipProvider>\r\n  );\r\n}\r\n\r\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\r\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\r\n}\r\n\r\nfunction TooltipContent({\r\n  className,\r\n  sideOffset = 0,\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\r\n  return (\r\n    <TooltipPrimitive.Portal>\r\n      <TooltipPrimitive.Content\r\n        data-slot=\"tooltip-content\"\r\n        sideOffset={sideOffset}\r\n        className={cn(\r\n          \"bg-primary text-primary-foreground 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 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\r\n      </TooltipPrimitive.Content>\r\n    </TooltipPrimitive.Portal>\r\n  );\r\n}\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\r\n"],"mappings":";;;;AAKA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;AACzD,QACE,oBAAC,iBAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;EACJ,CAAA;;AAIN,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,QACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,iBAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,QAAO,oBAAC,iBAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;AACxD,QACE,oBAAC,iBAAiB,QAAlB,EAAA,UACE,qBAAC,iBAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,wXACA,UACD;EACD,GAAI;YAPN,CASG,UACD,oBAAC,iBAAiB,OAAlB,EAAwB,WAAU,gGAAiG,CAAA,CAC1G;KACH,CAAA"}

package/dist/src/components/ui/typewriter-effect.d.mts

@@ -0,0 +1,30 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/typewriter-effect.d.ts
+declare const TypewriterEffect: ({
+  words,
+  className,
+  cursorClassName
+}: {
+  words: {
+    text: string;
+    className?: string;
+  }[];
+  className?: string;
+  cursorClassName?: string;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare const TypewriterEffectSmooth: ({
+  words,
+  className,
+  cursorClassName
+}: {
+  words: {
+    text: string;
+    className?: string;
+  }[];
+  className?: string;
+  cursorClassName?: string;
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TypewriterEffect, TypewriterEffectSmooth };
+//# sourceMappingURL=typewriter-effect.d.mts.map

package/dist/src/components/ui/typewriter-effect.mjs

@@ -0,0 +1,106 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, stagger, useAnimate, useInView } from "motion/react";
+//#region src/components/ui/typewriter-effect.tsx
+const TypewriterEffect = ({ words, className, cursorClassName }) => {
+	const wordsArray = words.map((word) => {
+		return {
+			...word,
+			text: word.text.split("")
+		};
+	});
+	const [scope, animate] = useAnimate();
+	const isInView = useInView(scope);
+	useEffect(() => {
+		if (isInView) animate("span", {
+			display: "inline-block",
+			opacity: 1,
+			width: "fit-content"
+		}, {
+			duration: .3,
+			delay: stagger(.1),
+			ease: "easeInOut"
+		});
+	}, [isInView]);
+	const renderWords = () => {
+		return /* @__PURE__ */ jsx(motion.div, {
+			ref: scope,
+			className: "inline",
+			children: wordsArray.map((word, idx) => {
+				return /* @__PURE__ */ jsxs("div", {
+					className: "inline-block",
+					children: [word.text.map((char, index) => /* @__PURE__ */ jsx(motion.span, {
+						initial: {},
+						className: cn("dark:text-white text-black opacity-0 hidden", word.className),
+						children: char
+					}, `char-${index}`)), "\xA0"]
+				}, `word-${idx}`);
+			})
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("text-base sm:text-xl md:text-3xl lg:text-5xl font-bold text-center", className),
+		children: [renderWords(), /* @__PURE__ */ jsx(motion.span, {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			transition: {
+				duration: .8,
+				repeat: Number.POSITIVE_INFINITY,
+				repeatType: "reverse"
+			},
+			className: cn("inline-block rounded-sm w-[4px] h-4 md:h-6 lg:h-10 bg-green-500", cursorClassName)
+		})]
+	});
+};
+const TypewriterEffectSmooth = ({ words, className, cursorClassName }) => {
+	const wordsArray = words.map((word) => {
+		return {
+			...word,
+			text: word.text.split("")
+		};
+	});
+	const renderWords = () => {
+		return /* @__PURE__ */ jsx("div", { children: wordsArray.map((word, idx) => {
+			return /* @__PURE__ */ jsxs("div", {
+				className: "inline-block",
+				children: [word.text.map((char, index) => /* @__PURE__ */ jsx("span", {
+					className: cn("dark:text-white text-black ", word.className),
+					children: char
+				}, `char-${index}`)), "\xA0"]
+			}, `word-${idx}`);
+		}) });
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex space-x-1 my-6", className),
+		children: [/* @__PURE__ */ jsxs(motion.div, {
+			className: "overflow-hidden pb-2",
+			initial: { width: "0%" },
+			whileInView: { width: "fit-content" },
+			transition: {
+				duration: 2,
+				ease: "linear",
+				delay: 1
+			},
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "text-xs sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-bold",
+				style: { whiteSpace: "nowrap" },
+				children: [renderWords(), " "]
+			}), " "]
+		}), /* @__PURE__ */ jsx(motion.span, {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			transition: {
+				duration: .8,
+				repeat: Number.POSITIVE_INFINITY,
+				repeatType: "reverse"
+			},
+			className: cn("block rounded-sm w-[4px]  h-4 sm:h-6 xl:h-12 bg-green-500", cursorClassName)
+		})]
+	});
+};
+//#endregion
+export { TypewriterEffect, TypewriterEffectSmooth };
+
+//# sourceMappingURL=typewriter-effect.mjs.map

package/dist/src/components/ui/typewriter-effect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-effect.mjs","names":[],"sources":["../../../../src/components/ui/typewriter-effect.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { motion, stagger, useAnimate, useInView } from \"motion/react\";\r\nimport { useEffect } from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport const TypewriterEffect = ({\r\n  words,\r\n  className,\r\n  cursorClassName,\r\n}: {\r\n  words: {\r\n    text: string;\r\n    className?: string;\r\n  }[];\r\n  className?: string;\r\n  cursorClassName?: string;\r\n}) => {\r\n  // split text inside of words into array of characters\r\n  const wordsArray = words.map((word) => {\r\n    return {\r\n      ...word,\r\n      text: word.text.split(\"\"),\r\n    };\r\n  });\r\n\r\n  const [scope, animate] = useAnimate();\r\n  const isInView = useInView(scope);\r\n  useEffect(() => {\r\n    if (isInView) {\r\n      animate(\r\n        \"span\",\r\n        {\r\n          display: \"inline-block\",\r\n          opacity: 1,\r\n          width: \"fit-content\",\r\n        },\r\n        {\r\n          duration: 0.3,\r\n          delay: stagger(0.1),\r\n          ease: \"easeInOut\",\r\n        }\r\n      );\r\n    }\r\n  }, [isInView]);\r\n\r\n  const renderWords = () => {\r\n    return (\r\n      <motion.div ref={scope} className=\"inline\">\r\n        {wordsArray.map((word, idx) => {\r\n          return (\r\n            <div key={`word-${idx}`} className=\"inline-block\">\r\n              {word.text.map((char, index) => (\r\n                <motion.span\r\n                  initial={{}}\r\n                  key={`char-${index}`}\r\n                  className={cn(\"dark:text-white text-black opacity-0 hidden\", word.className)}\r\n                >\r\n                  {char}\r\n                </motion.span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          );\r\n        })}\r\n      </motion.div>\r\n    );\r\n  };\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"text-base sm:text-xl md:text-3xl lg:text-5xl font-bold text-center\",\r\n        className\r\n      )}\r\n    >\r\n      {renderWords()}\r\n      <motion.span\r\n        initial={{\r\n          opacity: 0,\r\n        }}\r\n        animate={{\r\n          opacity: 1,\r\n        }}\r\n        transition={{\r\n          duration: 0.8,\r\n          repeat: Number.POSITIVE_INFINITY,\r\n          repeatType: \"reverse\",\r\n        }}\r\n        className={cn(\r\n          \"inline-block rounded-sm w-[4px] h-4 md:h-6 lg:h-10 bg-green-500\",\r\n          cursorClassName\r\n        )}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const TypewriterEffectSmooth = ({\r\n  words,\r\n  className,\r\n  cursorClassName,\r\n}: {\r\n  words: {\r\n    text: string;\r\n    className?: string;\r\n  }[];\r\n  className?: string;\r\n  cursorClassName?: string;\r\n}) => {\r\n  // split text inside of words into array of characters\r\n  const wordsArray = words.map((word) => {\r\n    return {\r\n      ...word,\r\n      text: word.text.split(\"\"),\r\n    };\r\n  });\r\n  const renderWords = () => {\r\n    return (\r\n      <div>\r\n        {wordsArray.map((word, idx) => {\r\n          return (\r\n            <div key={`word-${idx}`} className=\"inline-block\">\r\n              {word.text.map((char, index) => (\r\n                <span\r\n                  key={`char-${index}`}\r\n                  className={cn(\"dark:text-white text-black \", word.className)}\r\n                >\r\n                  {char}\r\n                </span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={cn(\"flex space-x-1 my-6\", className)}>\r\n      <motion.div\r\n        className=\"overflow-hidden pb-2\"\r\n        initial={{\r\n          width: \"0%\",\r\n        }}\r\n        whileInView={{\r\n          width: \"fit-content\",\r\n        }}\r\n        transition={{\r\n          duration: 2,\r\n          ease: \"linear\",\r\n          delay: 1,\r\n        }}\r\n      >\r\n        <div\r\n          className=\"text-xs sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-bold\"\r\n          style={{\r\n            whiteSpace: \"nowrap\",\r\n          }}\r\n        >\r\n          {renderWords()}{\" \"}\r\n        </div>{\" \"}\r\n      </motion.div>\r\n      <motion.span\r\n        initial={{\r\n          opacity: 0,\r\n        }}\r\n        animate={{\r\n          opacity: 1,\r\n        }}\r\n        transition={{\r\n          duration: 0.8,\r\n\r\n          repeat: Number.POSITIVE_INFINITY,\r\n          repeatType: \"reverse\",\r\n        }}\r\n        className={cn(\"block rounded-sm w-[4px]  h-4 sm:h-6 xl:h-12 bg-green-500\", cursorClassName)}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;AAMA,MAAa,oBAAoB,EAC/B,OACA,WACA,sBAQI;CAEJ,MAAM,aAAa,MAAM,KAAK,SAAS;AACrC,SAAO;GACL,GAAG;GACH,MAAM,KAAK,KAAK,MAAM,GAAG;GAC1B;GACD;CAEF,MAAM,CAAC,OAAO,WAAW,YAAY;CACrC,MAAM,WAAW,UAAU,MAAM;AACjC,iBAAgB;AACd,MAAI,SACF,SACE,QACA;GACE,SAAS;GACT,SAAS;GACT,OAAO;GACR,EACD;GACE,UAAU;GACV,OAAO,QAAQ,GAAI;GACnB,MAAM;GACP,CACF;IAEF,CAAC,SAAS,CAAC;CAEd,MAAM,oBAAoB;AACxB,SACE,oBAAC,OAAO,KAAR;GAAY,KAAK;GAAO,WAAU;aAC/B,WAAW,KAAK,MAAM,QAAQ;AAC7B,WACE,qBAAC,OAAD;KAAyB,WAAU;eAAnC,CACG,KAAK,KAAK,KAAK,MAAM,UACpB,oBAAC,OAAO,MAAR;MACE,SAAS,EAAE;MAEX,WAAW,GAAG,+CAA+C,KAAK,UAAU;gBAE3E;MACW,EAJP,QAAQ,QAID,CACd,EAAC,OAEC;OAXI,QAAQ,MAWZ;KAER;GACS,CAAA;;AAGjB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,sEACA,UACD;YAJH,CAMG,aAAa,EACd,oBAAC,OAAO,MAAR;GACE,SAAS,EACP,SAAS,GACV;GACD,SAAS,EACP,SAAS,GACV;GACD,YAAY;IACV,UAAU;IACV,QAAQ,OAAO;IACf,YAAY;IACb;GACD,WAAW,GACT,mEACA,gBACD;GACD,CAAA,CACE;;;AAIV,MAAa,0BAA0B,EACrC,OACA,WACA,sBAQI;CAEJ,MAAM,aAAa,MAAM,KAAK,SAAS;AACrC,SAAO;GACL,GAAG;GACH,MAAM,KAAK,KAAK,MAAM,GAAG;GAC1B;GACD;CACF,MAAM,oBAAoB;AACxB,SACE,oBAAC,OAAD,EAAA,UACG,WAAW,KAAK,MAAM,QAAQ;AAC7B,UACE,qBAAC,OAAD;IAAyB,WAAU;cAAnC,CACG,KAAK,KAAK,KAAK,MAAM,UACpB,oBAAC,QAAD;KAEE,WAAW,GAAG,+BAA+B,KAAK,UAAU;eAE3D;KACI,EAJA,QAAQ,QAIR,CACP,EAAC,OAEC;MAVI,QAAQ,MAUZ;IAER,EACE,CAAA;;AAIV,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,UAAU;YAApD,CACE,qBAAC,OAAO,KAAR;GACE,WAAU;GACV,SAAS,EACP,OAAO,MACR;GACD,aAAa,EACX,OAAO,eACR;GACD,YAAY;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACR;aAZH,CAcE,qBAAC,OAAD;IACE,WAAU;IACV,OAAO,EACL,YAAY,UACb;cAJH,CAMG,aAAa,EAAE,IACZ;OAAC,IACI;MACb,oBAAC,OAAO,MAAR;GACE,SAAS,EACP,SAAS,GACV;GACD,SAAS,EACP,SAAS,GACV;GACD,YAAY;IACV,UAAU;IAEV,QAAQ,OAAO;IACf,YAAY;IACb;GACD,WAAW,GAAG,6DAA6D,gBAAgB;GAC3F,CAAA,CACE"}

package/dist/src/hooks/use-mobile.d.mts

@@ -0,0 +1,5 @@
+//#region src/hooks/use-mobile.d.ts
+declare function useIsMobile(): boolean;
+//#endregion
+export { useIsMobile };
+//# sourceMappingURL=use-mobile.d.mts.map

package/dist/src/hooks/use-mobile.mjs

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+//#region src/hooks/use-mobile.ts
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+//#endregion
+export { useIsMobile };
+
+//# sourceMappingURL=use-mobile.mjs.map

package/dist/src/hooks/use-mobile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.mjs","names":["React"],"sources":["../../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\";\r\n\r\nconst MOBILE_BREAKPOINT = 768;\r\n\r\nexport function useIsMobile() {\r\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\r\n\r\n  React.useEffect(() => {\r\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\r\n    const onChange = () => {\r\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\r\n    };\r\n    mql.addEventListener(\"change\", onChange);\r\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\r\n    return () => mql.removeEventListener(\"change\", onChange);\r\n  }, []);\r\n\r\n  return !!isMobile;\r\n}\r\n"],"mappings":";;AAEA,MAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAeA,QAAM,SAA8B,KAAA,EAAU;AAE9E,SAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,EAAE,KAAK;EACxE,MAAM,iBAAiB;AACrB,eAAY,OAAO,aAAa,kBAAkB;;AAEpD,MAAI,iBAAiB,UAAU,SAAS;AACxC,cAAY,OAAO,aAAa,kBAAkB;AAClD,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,EAAE,CAAC;AAEN,QAAO,CAAC,CAAC"}

package/dist/src/hooks/useDialog.d.mts

@@ -0,0 +1,8 @@
+import { DialogProps, useDialog } from "../components/DialogProvider.mjs";
+
+//#region src/hooks/useDialog.d.ts
+declare const useConfirmDialog: () => (props: DialogProps) => void;
+declare const useAlertDialog: () => (props: DialogProps) => void;
+//#endregion
+export { useAlertDialog, useConfirmDialog, useDialog };
+//# sourceMappingURL=useDialog.d.mts.map

package/dist/src/hooks/useDialog.mjs

@@ -0,0 +1,26 @@
+import { useDialog } from "../components/DialogProvider.mjs";
+//#region src/hooks/useDialog.ts
+const useConfirmDialog = () => {
+	const dialog = useDialog();
+	return (props) => {
+		dialog({
+			color: "danger",
+			cancelable: true,
+			...props
+		});
+	};
+};
+const useAlertDialog = () => {
+	const dialog = useDialog();
+	return (props) => {
+		dialog({
+			color: "warning",
+			cancelable: false,
+			...props
+		});
+	};
+};
+//#endregion
+export { useAlertDialog, useConfirmDialog, useDialog };
+
+//# sourceMappingURL=useDialog.mjs.map

package/dist/src/hooks/useDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.mjs","names":[],"sources":["../../../src/hooks/useDialog.ts"],"sourcesContent":["import { type DialogProps, useDialog } from \"../components/DialogProvider\";\r\n\r\nexport { useDialog };\r\n\r\nexport const useConfirmDialog = () => {\r\n  const dialog = useDialog();\r\n  return (props: DialogProps) => {\r\n    dialog({\r\n      color: \"danger\",\r\n      cancelable: true,\r\n      ...props,\r\n    });\r\n  };\r\n};\r\n\r\nexport const useAlertDialog = () => {\r\n  const dialog = useDialog();\r\n  return (props: DialogProps) => {\r\n    dialog({\r\n      color: \"warning\",\r\n      cancelable: false,\r\n      ...props,\r\n    });\r\n  };\r\n};\r\n"],"mappings":";;AAIA,MAAa,yBAAyB;CACpC,MAAM,SAAS,WAAW;AAC1B,SAAQ,UAAuB;AAC7B,SAAO;GACL,OAAO;GACP,YAAY;GACZ,GAAG;GACJ,CAAC;;;AAIN,MAAa,uBAAuB;CAClC,MAAM,SAAS,WAAW;AAC1B,SAAQ,UAAuB;AAC7B,SAAO;GACL,OAAO;GACP,YAAY;GACZ,GAAG;GACJ,CAAC"}

package/dist/src/icons/GoogleIcon.d.mts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/GoogleIcon.d.ts
+interface GoogleIconProps extends ComponentPropsWithoutRef<"svg"> {}
+declare function GoogleIcon(props: GoogleIconProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { GoogleIcon };
+//# sourceMappingURL=GoogleIcon.d.mts.map

package/dist/src/icons/GoogleIcon.mjs

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/GoogleIcon.tsx
+function GoogleIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": "true",
+		viewBox: "10 10 20 20",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M29.6 20.2273C29.6 19.5182 29.5364 18.8364 29.4182 18.1818H20V22.05H25.3818C25.15 23.3 24.4455 24.3591 23.3864 25.0682V27.5773H26.6182C28.5091 25.8364 29.6 23.2727 29.6 20.2273Z",
+				fill: "#4285F4"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M20 30C22.7 30 24.9636 29.1045 26.6181 27.5773L23.3863 25.0682C22.4909 25.6682 21.3454 26.0227 20 26.0227C17.3954 26.0227 15.1909 24.2636 14.4045 21.9H11.0636V24.4909C12.7091 27.7591 16.0909 30 20 30Z",
+				fill: "#34A853"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M14.4045 21.9C14.2045 21.3 14.0909 20.6591 14.0909 20C14.0909 19.3409 14.2045 18.7 14.4045 18.1V15.5091H11.0636C10.3864 16.8591 10 18.3864 10 20C10 21.6136 10.3864 23.1409 11.0636 24.4909L14.4045 21.9Z",
+				fill: "#FBBC04"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M20 13.9773C21.4681 13.9773 22.7863 14.4818 23.8227 15.4727L26.6909 12.6045C24.9591 10.9909 22.6954 10 20 10C16.0909 10 12.7091 12.2409 11.0636 15.5091L14.4045 18.1C15.1909 15.7364 17.3954 13.9773 20 13.9773Z",
+				fill: "#E94235"
+			})
+		]
+	});
+}
+//#endregion
+export { GoogleIcon };
+
+//# sourceMappingURL=GoogleIcon.mjs.map

package/dist/src/icons/GoogleIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleIcon.mjs","names":[],"sources":["../../../src/icons/GoogleIcon.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\r\n\r\ninterface GoogleIconProps extends ComponentPropsWithoutRef<\"svg\"> {}\r\n\r\nexport function GoogleIcon(props: GoogleIconProps) {\r\n  return (\r\n    <svg\r\n      aria-hidden=\"true\"\r\n      viewBox=\"10 10 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <path\r\n        d=\"M29.6 20.2273C29.6 19.5182 29.5364 18.8364 29.4182 18.1818H20V22.05H25.3818C25.15 23.3 24.4455 24.3591 23.3864 25.0682V27.5773H26.6182C28.5091 25.8364 29.6 23.2727 29.6 20.2273Z\"\r\n        fill=\"#4285F4\"\r\n      />\r\n      <path\r\n        d=\"M20 30C22.7 30 24.9636 29.1045 26.6181 27.5773L23.3863 25.0682C22.4909 25.6682 21.3454 26.0227 20 26.0227C17.3954 26.0227 15.1909 24.2636 14.4045 21.9H11.0636V24.4909C12.7091 27.7591 16.0909 30 20 30Z\"\r\n        fill=\"#34A853\"\r\n      />\r\n      <path\r\n        d=\"M14.4045 21.9C14.2045 21.3 14.0909 20.6591 14.0909 20C14.0909 19.3409 14.2045 18.7 14.4045 18.1V15.5091H11.0636C10.3864 16.8591 10 18.3864 10 20C10 21.6136 10.3864 23.1409 11.0636 24.4909L14.4045 21.9Z\"\r\n        fill=\"#FBBC04\"\r\n      />\r\n      <path\r\n        d=\"M20 13.9773C21.4681 13.9773 22.7863 14.4818 23.8227 15.4727L26.6909 12.6045C24.9591 10.9909 22.6954 10 20 10C16.0909 10 12.7091 12.2409 11.0636 15.5091L14.4045 18.1C15.1909 15.7364 17.3954 13.9773 20 13.9773Z\"\r\n        fill=\"#E94235\"\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n"],"mappings":";;AAIA,SAAgB,WAAW,OAAwB;AACjD,QACE,qBAAC,OAAD;EACE,eAAY;EACZ,SAAQ;EACR,MAAK;EACL,OAAM;EACN,GAAI;YALN;GAOE,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA;GACE"}

package/dist/src/icons/LinkedInIcon.d.mts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/LinkedInIcon.d.ts
+interface LinkedInIconProps extends ComponentPropsWithoutRef<"svg"> {}
+declare function LinkedInIcon(props: LinkedInIconProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LinkedInIcon };
+//# sourceMappingURL=LinkedInIcon.d.mts.map

package/dist/src/icons/LinkedInIcon.mjs

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/LinkedInIcon.tsx
+function LinkedInIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		height: "72",
+		width: "72",
+		viewBox: "0 0 72 72",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: /* @__PURE__ */ jsxs("g", {
+			fill: "none",
+			fillRule: "evenodd",
+			children: [/* @__PURE__ */ jsx("path", {
+				d: "M8 72h56c4.418 0 8-3.582 8-8V8c0-4.418-3.582-8-8-8H8C3.582 0 0 3.582 0 8v56c0 4.418 3.582 8 8 8Z",
+				fill: "#007EBB"
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M62 62H51.316V43.802c0-4.99-1.896-7.778-5.845-7.778-4.296 0-6.541 2.901-6.541 7.777V62H28.633V27.333h10.297v4.67S42.026 26.274 49.383 26.274C56.736 26.274 62 30.764 62 40.051zM16.349 22.794c-3.507 0-6.349-2.864-6.349-6.397C10 12.864 12.842 10 16.349 10c3.507 0 6.348 2.864 6.348 6.397 0 3.533-2.84 6.397-6.348 6.397zM11.033 62h10.737V27.333H11.033z",
+				fill: "#FFF"
+			})]
+		})
+	});
+}
+//#endregion
+export { LinkedInIcon };
+
+//# sourceMappingURL=LinkedInIcon.mjs.map

package/dist/src/icons/LinkedInIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedInIcon.mjs","names":[],"sources":["../../../src/icons/LinkedInIcon.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\r\n\r\ninterface LinkedInIconProps extends ComponentPropsWithoutRef<\"svg\"> {}\r\n\r\nexport function LinkedInIcon(props: LinkedInIconProps) {\r\n  return (\r\n    <svg\r\n      aria-hidden=\"true\"\r\n      height=\"72\"\r\n      width=\"72\"\r\n      viewBox=\"0 0 72 72\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <g fill=\"none\" fillRule=\"evenodd\">\r\n        <path\r\n          d=\"M8 72h56c4.418 0 8-3.582 8-8V8c0-4.418-3.582-8-8-8H8C3.582 0 0 3.582 0 8v56c0 4.418 3.582 8 8 8Z\"\r\n          fill=\"#007EBB\"\r\n        />\r\n        <path\r\n          d=\"M62 62H51.316V43.802c0-4.99-1.896-7.778-5.845-7.778-4.296 0-6.541 2.901-6.541 7.777V62H28.633V27.333h10.297v4.67S42.026 26.274 49.383 26.274C56.736 26.274 62 30.764 62 40.051zM16.349 22.794c-3.507 0-6.349-2.864-6.349-6.397C10 12.864 12.842 10 16.349 10c3.507 0 6.348 2.864 6.348 6.397 0 3.533-2.84 6.397-6.348 6.397zM11.033 62h10.737V27.333H11.033z\"\r\n          fill=\"#FFF\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n\r\n\r\n"],"mappings":";;AAIA,SAAgB,aAAa,OAA0B;AACrD,QACE,oBAAC,OAAD;EACE,eAAY;EACZ,QAAO;EACP,OAAM;EACN,SAAQ;EACR,MAAK;EACL,OAAM;EACN,GAAI;YAEJ,qBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;aAAxB,CACE,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA,EACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,CAAA,CACA;;EACA,CAAA"}

package/dist/src/icons/MicrosoftIcon.d.mts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/MicrosoftIcon.d.ts
+interface MicrosoftIconProps extends ComponentPropsWithoutRef<"svg"> {}
+declare function MicrosoftIcon(props: MicrosoftIconProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MicrosoftIcon };
+//# sourceMappingURL=MicrosoftIcon.d.mts.map

package/dist/src/icons/MicrosoftIcon.mjs

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/MicrosoftIcon.tsx
+function MicrosoftIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 21 21",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				fill: "#F35325",
+				d: "M0 0h10v10H0z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#81BC06",
+				d: "M11 0h10v10H11z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#05A6F0",
+				d: "M0 11h10v10H0z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#FFBA08",
+				d: "M11 11h10v10H11z"
+			})
+		]
+	});
+}
+//#endregion
+export { MicrosoftIcon };
+
+//# sourceMappingURL=MicrosoftIcon.mjs.map

package/dist/src/icons/MicrosoftIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrosoftIcon.mjs","names":[],"sources":["../../../src/icons/MicrosoftIcon.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\r\n\r\ninterface MicrosoftIconProps extends ComponentPropsWithoutRef<\"svg\"> {}\r\n\r\nexport function MicrosoftIcon(props: MicrosoftIconProps) {\r\n  return (\r\n    <svg\r\n      aria-hidden=\"true\"\r\n      viewBox=\"0 0 21 21\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <path fill=\"#F35325\" d=\"M0 0h10v10H0z\" />\r\n      <path fill=\"#81BC06\" d=\"M11 0h10v10H11z\" />\r\n      <path fill=\"#05A6F0\" d=\"M0 11h10v10H0z\" />\r\n      <path fill=\"#FFBA08\" d=\"M11 11h10v10H11z\" />\r\n    </svg>\r\n  );\r\n}\r\n\r\n\r\n"],"mappings":";;AAIA,SAAgB,cAAc,OAA2B;AACvD,QACE,qBAAC,OAAD;EACE,eAAY;EACZ,SAAQ;EACR,OAAM;EACN,GAAI;YAJN;GAME,oBAAC,QAAD;IAAM,MAAK;IAAU,GAAE;IAAkB,CAAA;GACzC,oBAAC,QAAD;IAAM,MAAK;IAAU,GAAE;IAAoB,CAAA;GAC3C,oBAAC,QAAD;IAAM,MAAK;IAAU,GAAE;IAAmB,CAAA;GAC1C,oBAAC,QAAD;IAAM,MAAK;IAAU,GAAE;IAAqB,CAAA;GACxC"}

package/dist/src/lib/chatwoot.d.mts

@@ -0,0 +1,20 @@
+//#region src/lib/chatwoot.d.ts
+declare function startChatwoot({
+  baseUrl,
+  websiteToken
+}: {
+  baseUrl: string;
+  websiteToken: string;
+}, {
+  user
+}: {
+  user?: {
+    id: string;
+    email: string;
+    name?: string | null;
+    image?: string | null;
+  };
+}, allowAnonymous?: boolean): void;
+//#endregion
+export { startChatwoot };
+//# sourceMappingURL=chatwoot.d.mts.map

package/dist/src/lib/chatwoot.mjs

@@ -0,0 +1,26 @@
+//#region src/lib/chatwoot.ts
+function startChatwoot({ baseUrl, websiteToken }, { user }, allowAnonymous) {
+	if (window.chatwootSDK) return;
+	if (!allowAnonymous && !user) throw new Error("User is required to start Chatwoot");
+	const script = document.createElement("script");
+	script.src = `${baseUrl}/packs/js/sdk.js`;
+	script.async = true;
+	script.onload = () => {
+		window.chatwootSDK.run({
+			websiteToken,
+			baseUrl
+		});
+	};
+	document.body.appendChild(script);
+	if (user) window.addEventListener("chatwoot:ready", () => {
+		window.$chatwoot.setUser(user.id, {
+			email: user.email,
+			name: user.name,
+			avatar_url: user.image
+		});
+	});
+}
+//#endregion
+export { startChatwoot };
+
+//# sourceMappingURL=chatwoot.mjs.map

package/dist/src/lib/chatwoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatwoot.mjs","names":[],"sources":["../../../src/lib/chatwoot.ts"],"sourcesContent":["export function startChatwoot(\r\n  {\r\n    baseUrl,\r\n    websiteToken,\r\n  }: {\r\n    baseUrl: string;\r\n    websiteToken: string;\r\n  },\r\n  {\r\n    user,\r\n  }: {\r\n    user?: {\r\n      id: string;\r\n      email: string;\r\n      name?: string | null;\r\n      image?: string | null;\r\n    };\r\n  },\r\n  allowAnonymous?: boolean\r\n) {\r\n  // avoid loading twice\r\n  if ((window as any).chatwootSDK) return;\r\n\r\n  if (!allowAnonymous && !user) {\r\n    throw new Error(\"User is required to start Chatwoot\");\r\n  }\r\n\r\n  const script = document.createElement(\"script\");\r\n  script.src = `${baseUrl}/packs/js/sdk.js`;\r\n  script.async = true;\r\n\r\n  script.onload = () => {\r\n    (window as any).chatwootSDK.run({\r\n      websiteToken,\r\n      baseUrl,\r\n    });\r\n  };\r\n\r\n  document.body.appendChild(script);\r\n\r\n  if (user) {\r\n    window.addEventListener(\"chatwoot:ready\", () => {\r\n      // @ts-expect-error chatwoot is in global window\r\n      window.$chatwoot.setUser(user.id, {\r\n        email: user.email,\r\n        name: user.name,\r\n        avatar_url: user.image,\r\n      });\r\n    });\r\n  }\r\n}\r\n"],"mappings":";AAAA,SAAgB,cACd,EACE,SACA,gBAKF,EACE,QASF,gBACA;AAEA,KAAK,OAAe,YAAa;AAEjC,KAAI,CAAC,kBAAkB,CAAC,KACtB,OAAM,IAAI,MAAM,qCAAqC;CAGvD,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,QAAO,MAAM,GAAG,QAAQ;AACxB,QAAO,QAAQ;AAEf,QAAO,eAAe;AACnB,SAAe,YAAY,IAAI;GAC9B;GACA;GACD,CAAC;;AAGJ,UAAS,KAAK,YAAY,OAAO;AAEjC,KAAI,KACF,QAAO,iBAAiB,wBAAwB;AAE9C,SAAO,UAAU,QAAQ,KAAK,IAAI;GAChC,OAAO,KAAK;GACZ,MAAM,KAAK;GACX,YAAY,KAAK;GAClB,CAAC;GACF"}

package/dist/src/lib/utils.d.mts

@@ -0,0 +1,7 @@
+import { ClassValue } from "clsx";
+
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };
+//# sourceMappingURL=utils.d.mts.map

package/dist/src/lib/utils.mjs

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn };
+
+//# sourceMappingURL=utils.mjs.map

package/dist/src/lib/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/src/modules/app/components/AppLoader.d.mts

@@ -0,0 +1,8 @@
+import { SpinnerProps } from "@heroui/react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/app/components/AppLoader.d.ts
+declare function AppLoader(props: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppLoader };
+//# sourceMappingURL=AppLoader.d.mts.map

package/dist/src/modules/app/components/AppLoader.mjs

@@ -0,0 +1,16 @@
+import { Spinner } from "@heroui/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/modules/app/components/AppLoader.tsx
+function AppLoader(props) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-screen w-full justify-center align-center",
+		children: /* @__PURE__ */ jsx(Spinner, {
+			size: "lg",
+			...props
+		})
+	});
+}
+//#endregion
+export { AppLoader };
+
+//# sourceMappingURL=AppLoader.mjs.map

package/dist/src/modules/app/components/AppLoader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLoader.mjs","names":[],"sources":["../../../../../src/modules/app/components/AppLoader.tsx"],"sourcesContent":["import { Spinner, type SpinnerProps } from \"@heroui/react\";\r\n\r\nexport function AppLoader(props: SpinnerProps) {\r\n  return (\r\n    <div className=\"flex h-screen w-full justify-center align-center\">\r\n      <Spinner size=\"lg\" {...props} />\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;AAEA,SAAgB,UAAU,OAAqB;AAC7C,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,SAAD;GAAS,MAAK;GAAK,GAAI;GAAS,CAAA;EAC5B,CAAA"}

package/dist/src/modules/app/components/AppShell.d.mts

@@ -0,0 +1,16 @@
+import { AppSidebarProps } from "./AppSidebar.mjs";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/app/components/AppShell.d.ts
+type AppShellProps = {
+  header?: ReactNode;
+  sidebar: AppSidebarProps;
+};
+declare function AppShell({
+  header,
+  sidebar
+}: AppShellProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppShell, AppShellProps };
+//# sourceMappingURL=AppShell.d.mts.map

package/dist/src/modules/app/components/AppShell.mjs

@@ -0,0 +1,16 @@
+import { AppSidebar } from "./AppSidebar.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Outlet } from "react-router";
+import { SidebarInset, SidebarProvider } from "@m5kdev/web-ui/components/ui/sidebar";
+//#region src/modules/app/components/AppShell.tsx
+function AppShell({ header, sidebar }) {
+	return /* @__PURE__ */ jsxs(SidebarProvider, { children: [
+		header,
+		/* @__PURE__ */ jsx(AppSidebar, { ...sidebar }),
+		/* @__PURE__ */ jsx(SidebarInset, { children: /* @__PURE__ */ jsx(Outlet, {}) })
+	] });
+}
+//#endregion
+export { AppShell };
+
+//# sourceMappingURL=AppShell.mjs.map

package/dist/src/modules/app/components/AppShell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.mjs","names":[],"sources":["../../../../../src/modules/app/components/AppShell.tsx"],"sourcesContent":["import { SidebarInset, SidebarProvider } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport type { ReactNode } from \"react\";\r\nimport { Outlet } from \"react-router\";\r\nimport { AppSidebar, type AppSidebarProps } from \"./AppSidebar\";\r\n\r\nexport type AppShellProps = {\r\n  header?: ReactNode;\r\n  sidebar: AppSidebarProps;\r\n};\r\n\r\nexport function AppShell({ header, sidebar }: AppShellProps) {\r\n  return (\r\n    <SidebarProvider>\r\n      {header}\r\n      <AppSidebar {...sidebar} />\r\n      <SidebarInset>\r\n        <Outlet />\r\n      </SidebarInset>\r\n    </SidebarProvider>\r\n  );\r\n}\r\n"],"mappings":";;;;;AAUA,SAAgB,SAAS,EAAE,QAAQ,WAA0B;AAC3D,QACE,qBAAC,iBAAD,EAAA,UAAA;EACG;EACD,oBAAC,YAAD,EAAY,GAAI,SAAW,CAAA;EAC3B,oBAAC,cAAD,EAAA,UACE,oBAAC,QAAD,EAAU,CAAA,EACG,CAAA;EACC,EAAA,CAAA"}

package/dist/src/modules/app/components/AppSidebar.d.mts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/app/components/AppSidebar.d.ts
+type AppSidebarProps = {
+  header: ReactNode;
+  content?: ReactNode;
+  footer?: ReactNode;
+};
+declare function AppSidebar({
+  header,
+  content,
+  footer
+}: AppSidebarProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AppSidebar, AppSidebarProps };
+//# sourceMappingURL=AppSidebar.d.mts.map