@m5kdev/web-ui 0.7.0 → 0.8.0

package/dist/src/components/pricing-cards.js

@@ -1,27 +1,128 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./ui/button.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card.js";
+import { Badge } from "./ui/badge.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, MoveRight, PhoneCall } from "lucide-react";
-import { Badge } from "./ui/badge";
-import { Button } from "./ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card";
-function PricingCard({ title, description, price, features, highlighted = false, ctaText, ctaIcon: CtaIcon, variant = "outline", }) {
-    const Icon = CtaIcon;
-    return (_jsxs(Card, { className: `w-full rounded-md ${highlighted ? "shadow-2xl" : ""}`, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx("span", { className: "flex flex-row gap-4 items-center font-normal", children: title }) }), _jsx(CardDescription, { children: description })] }), _jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col gap-8 justify-start", children: [_jsxs("p", { className: "flex flex-row items-center gap-2 text-xl", children: [_jsxs("span", { className: "text-4xl", children: ["$", price] }), _jsx("span", { className: "text-sm text-muted-foreground", children: " / month" })] }), _jsx("div", { className: "flex flex-col gap-4 justify-start", children: features.map((feature, index) => (_jsxs("div", { className: "flex flex-row gap-4", children: [_jsx(Check, { className: "w-4 h-4 mt-2 text-primary" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("p", { children: feature.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: feature.description })] })] }, index))) }), _jsxs(Button, { variant: variant, className: "gap-4", children: [ctaText, " ", _jsx(Icon, { className: "w-4 h-4" })] })] }) })] }));
+//#region src/components/pricing-cards.tsx
+function PricingCard({ title, description, price, features, highlighted = false, ctaText, ctaIcon: CtaIcon, variant = "outline" }) {
+	const Icon = CtaIcon;
+	return /* @__PURE__ */ jsxs(Card, {
+		className: `w-full rounded-md ${highlighted ? "shadow-2xl" : ""}`,
+		children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx("span", {
+			className: "flex flex-row gap-4 items-center font-normal",
+			children: title
+		}) }), /* @__PURE__ */ jsx(CardDescription, { children: description })] }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-8 justify-start",
+			children: [
+				/* @__PURE__ */ jsxs("p", {
+					className: "flex flex-row items-center gap-2 text-xl",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "text-4xl",
+						children: ["$", price]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-sm text-muted-foreground",
+						children: " / month"
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-4 justify-start",
+					children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-row gap-4",
+						children: [/* @__PURE__ */ jsx(Check, { className: "w-4 h-4 mt-2 text-primary" }), /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col",
+							children: [/* @__PURE__ */ jsx("p", { children: feature.title }), /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-sm",
+								children: feature.description
+							})]
+						})]
+					}, index))
+				}),
+				/* @__PURE__ */ jsxs(Button, {
+					variant,
+					className: "gap-4",
+					children: [
+						ctaText,
+						" ",
+						/* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" })
+					]
+				})
+			]
+		}) })]
+	});
 }
-export function PricingCards() {
-    const commonDescription = "Our goal is to streamline SMB trade, making it easier and faster than ever for everyone and everywhere.";
-    const commonFeatures = [
-        {
-            title: "Fast and reliable",
-            description: "We've made it fast and reliable.",
-        },
-        {
-            title: "Fast and reliable",
-            description: "We've made it fast and reliable.",
-        },
-        {
-            title: "Fast and reliable",
-            description: "We've made it fast and reliable.",
-        },
-    ];
-    return (_jsx("div", { className: "w-full py-20 lg:py-40", children: _jsx("div", { className: "container mx-auto", children: _jsxs("div", { className: "flex text-center justify-center items-center gap-4 flex-col", children: [_jsx(Badge, { children: "Pricing" }), _jsxs("div", { className: "flex gap-2 flex-col", children: [_jsx("h2", { className: "text-3xl md:text-5xl tracking-tighter max-w-xl text-center font-regular", children: "Prices that make sense!" }), _jsx("p", { className: "text-lg leading-relaxed tracking-tight text-muted-foreground max-w-xl text-center", children: "Managing a small business today is already tough." })] }), _jsxs("div", { className: "grid pt-20 text-left grid-cols-1 lg:grid-cols-3 w-full gap-8", children: [_jsx(PricingCard, { title: "Startup", description: commonDescription, price: 40, features: commonFeatures, ctaText: "Sign up today", ctaIcon: MoveRight, variant: "outline" }), _jsx(PricingCard, { title: "Growth", description: commonDescription, price: 40, features: commonFeatures, highlighted: true, ctaText: "Sign up today", ctaIcon: MoveRight, variant: "default" }), _jsx(PricingCard, { title: "Enterprise", description: commonDescription, price: 40, features: commonFeatures, ctaText: "Book a meeting", ctaIcon: PhoneCall, variant: "outline" })] })] }) }) }));
+function PricingCards() {
+	const commonDescription = "Our goal is to streamline SMB trade, making it easier and faster than ever for everyone and everywhere.";
+	const commonFeatures = [
+		{
+			title: "Fast and reliable",
+			description: "We've made it fast and reliable."
+		},
+		{
+			title: "Fast and reliable",
+			description: "We've made it fast and reliable."
+		},
+		{
+			title: "Fast and reliable",
+			description: "We've made it fast and reliable."
+		}
+	];
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full py-20 lg:py-40",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "container mx-auto",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex text-center justify-center items-center gap-4 flex-col",
+				children: [
+					/* @__PURE__ */ jsx(Badge, { children: "Pricing" }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex gap-2 flex-col",
+						children: [/* @__PURE__ */ jsx("h2", {
+							className: "text-3xl md:text-5xl tracking-tighter max-w-xl text-center font-regular",
+							children: "Prices that make sense!"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-lg leading-relaxed tracking-tight text-muted-foreground max-w-xl text-center",
+							children: "Managing a small business today is already tough."
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid pt-20 text-left grid-cols-1 lg:grid-cols-3 w-full gap-8",
+						children: [
+							/* @__PURE__ */ jsx(PricingCard, {
+								title: "Startup",
+								description: commonDescription,
+								price: 40,
+								features: commonFeatures,
+								ctaText: "Sign up today",
+								ctaIcon: MoveRight,
+								variant: "outline"
+							}),
+							/* @__PURE__ */ jsx(PricingCard, {
+								title: "Growth",
+								description: commonDescription,
+								price: 40,
+								features: commonFeatures,
+								highlighted: true,
+								ctaText: "Sign up today",
+								ctaIcon: MoveRight,
+								variant: "default"
+							}),
+							/* @__PURE__ */ jsx(PricingCard, {
+								title: "Enterprise",
+								description: commonDescription,
+								price: 40,
+								features: commonFeatures,
+								ctaText: "Book a meeting",
+								ctaIcon: PhoneCall,
+								variant: "outline"
+							})
+						]
+					})
+				]
+			})
+		})
+	});
 }
+//#endregion
+export { PricingCards };
+
+//# sourceMappingURL=pricing-cards.js.map

package/dist/src/components/pricing-cards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-cards.js","names":[],"sources":["../../../src/components/pricing-cards.tsx"],"sourcesContent":["import { Check, type LucideIcon, MoveRight, PhoneCall } from \"lucide-react\";\r\nimport { Badge } from \"./ui/badge\";\r\nimport { Button } from \"./ui/button\";\r\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"./ui/card\";\r\n\r\ninterface Feature {\r\n  title: string;\r\n  description: string;\r\n}\r\n\r\ninterface PricingCardProps {\r\n  title: string;\r\n  description: string;\r\n  price: number;\r\n  features: Feature[];\r\n  highlighted?: boolean;\r\n  ctaText: string;\r\n  ctaIcon: LucideIcon;\r\n  variant?: \"default\" | \"outline\";\r\n}\r\n\r\nfunction PricingCard({\r\n  title,\r\n  description,\r\n  price,\r\n  features,\r\n  highlighted = false,\r\n  ctaText,\r\n  ctaIcon: CtaIcon,\r\n  variant = \"outline\",\r\n}: PricingCardProps) {\r\n  const Icon = CtaIcon;\r\n  return (\r\n    <Card className={`w-full rounded-md ${highlighted ? \"shadow-2xl\" : \"\"}`}>\r\n      <CardHeader>\r\n        <CardTitle>\r\n          <span className=\"flex flex-row gap-4 items-center font-normal\">{title}</span>\r\n        </CardTitle>\r\n        <CardDescription>{description}</CardDescription>\r\n      </CardHeader>\r\n      <CardContent>\r\n        <div className=\"flex flex-col gap-8 justify-start\">\r\n          <p className=\"flex flex-row items-center gap-2 text-xl\">\r\n            <span className=\"text-4xl\">${price}</span>\r\n            <span className=\"text-sm text-muted-foreground\"> / month</span>\r\n          </p>\r\n          <div className=\"flex flex-col gap-4 justify-start\">\r\n            {features.map((feature, index) => (\r\n              <div key={index} className=\"flex flex-row gap-4\">\r\n                <Check className=\"w-4 h-4 mt-2 text-primary\" />\r\n                <div className=\"flex flex-col\">\r\n                  <p>{feature.title}</p>\r\n                  <p className=\"text-muted-foreground text-sm\">{feature.description}</p>\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <Button variant={variant} className=\"gap-4\">\r\n            {ctaText} <Icon className=\"w-4 h-4\" />\r\n          </Button>\r\n        </div>\r\n      </CardContent>\r\n    </Card>\r\n  );\r\n}\r\n\r\nexport function PricingCards() {\r\n  const commonDescription =\r\n    \"Our goal is to streamline SMB trade, making it easier and faster than ever for everyone and everywhere.\";\r\n\r\n  const commonFeatures = [\r\n    {\r\n      title: \"Fast and reliable\",\r\n      description: \"We've made it fast and reliable.\",\r\n    },\r\n    {\r\n      title: \"Fast and reliable\",\r\n      description: \"We've made it fast and reliable.\",\r\n    },\r\n    {\r\n      title: \"Fast and reliable\",\r\n      description: \"We've made it fast and reliable.\",\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <div className=\"w-full py-20 lg:py-40\">\r\n      <div className=\"container mx-auto\">\r\n        <div className=\"flex text-center justify-center items-center gap-4 flex-col\">\r\n          <Badge>Pricing</Badge>\r\n          <div className=\"flex gap-2 flex-col\">\r\n            <h2 className=\"text-3xl md:text-5xl tracking-tighter max-w-xl text-center font-regular\">\r\n              Prices that make sense!\r\n            </h2>\r\n            <p className=\"text-lg leading-relaxed tracking-tight text-muted-foreground max-w-xl text-center\">\r\n              Managing a small business today is already tough.\r\n            </p>\r\n          </div>\r\n          <div className=\"grid pt-20 text-left grid-cols-1 lg:grid-cols-3 w-full gap-8\">\r\n            <PricingCard\r\n              title=\"Startup\"\r\n              description={commonDescription}\r\n              price={40}\r\n              features={commonFeatures}\r\n              ctaText=\"Sign up today\"\r\n              ctaIcon={MoveRight}\r\n              variant=\"outline\"\r\n            />\r\n            <PricingCard\r\n              title=\"Growth\"\r\n              description={commonDescription}\r\n              price={40}\r\n              features={commonFeatures}\r\n              highlighted={true}\r\n              ctaText=\"Sign up today\"\r\n              ctaIcon={MoveRight}\r\n              variant=\"default\"\r\n            />\r\n            <PricingCard\r\n              title=\"Enterprise\"\r\n              description={commonDescription}\r\n              price={40}\r\n              features={commonFeatures}\r\n              ctaText=\"Book a meeting\"\r\n              ctaIcon={PhoneCall}\r\n              variant=\"outline\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAqBA,SAAS,YAAY,EACnB,OACA,aACA,OACA,UACA,cAAc,OACd,SACA,SAAS,SACT,UAAU,aACS;CACnB,MAAM,OAAO;AACb,QACE,qBAAC,MAAD;EAAM,WAAW,qBAAqB,cAAc,eAAe;YAAnE,CACE,qBAAC,YAAD,EAAA,UAAA,CACE,oBAAC,WAAD,EAAA,UACE,oBAAC,QAAD;GAAM,WAAU;aAAgD;GAAa,CAAA,EACnE,CAAA,EACZ,oBAAC,iBAAD,EAAA,UAAkB,aAA8B,CAAA,CACrC,EAAA,CAAA,EACb,oBAAC,aAAD,EAAA,UACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,qBAAC,KAAD;KAAG,WAAU;eAAb,CACE,qBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA2B,KAAE,MAAa;SAC1C,oBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAe,CAAA,CAC7D;;IACJ,oBAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,SAAS,UACtB,qBAAC,OAAD;MAAiB,WAAU;gBAA3B,CACE,oBAAC,OAAD,EAAO,WAAU,6BAA8B,CAAA,EAC/C,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,oBAAC,KAAD,EAAA,UAAI,QAAQ,OAAU,CAAA,EACtB,oBAAC,KAAD;QAAG,WAAU;kBAAiC,QAAQ;QAAgB,CAAA,CAClE;SACF;QANI,MAMJ,CACN;KACE,CAAA;IACN,qBAAC,QAAD;KAAiB;KAAS,WAAU;eAApC;MACG;MAAQ;MAAC,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA;MAC/B;;IACL;MACM,CAAA,CACT;;;AAIX,SAAgB,eAAe;CAC7B,MAAM,oBACJ;CAEF,MAAM,iBAAiB;EACrB;GACE,OAAO;GACP,aAAa;GACd;EACD;GACE,OAAO;GACP,aAAa;GACd;EACD;GACE,OAAO;GACP,aAAa;GACd;EACF;AAED,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,OAAD,EAAA,UAAO,WAAe,CAAA;KACtB,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,MAAD;OAAI,WAAU;iBAA0E;OAEnF,CAAA,EACL,oBAAC,KAAD;OAAG,WAAU;iBAAoF;OAE7F,CAAA,CACA;;KACN,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,oBAAC,aAAD;QACE,OAAM;QACN,aAAa;QACb,OAAO;QACP,UAAU;QACV,SAAQ;QACR,SAAS;QACT,SAAQ;QACR,CAAA;OACF,oBAAC,aAAD;QACE,OAAM;QACN,aAAa;QACb,OAAO;QACP,UAAU;QACV,aAAa;QACb,SAAQ;QACR,SAAS;QACT,SAAQ;QACR,CAAA;OACF,oBAAC,aAAD;QACE,OAAM;QACN,aAAa;QACb,OAAO;QACP,UAAU;QACV,SAAQ;QACR,SAAS;QACT,SAAQ;QACR,CAAA;OACE;;KACF;;GACF,CAAA;EACF,CAAA"}

package/dist/src/components/shared/ButtonCopy.d.ts

@@ -1,6 +1,17 @@
-import { type ButtonProps } from "../ui/button";
-export declare function ButtonCopy({ text, notificationTimeout, iconOnly, ...props }: ButtonProps & {
-    text: string;
-    notificationTimeout?: number;
-    iconOnly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+import { ButtonProps } from "../ui/button.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/shared/ButtonCopy.d.ts
+declare function ButtonCopy({
+  text,
+  notificationTimeout,
+  iconOnly,
+  ...props
+}: ButtonProps & {
+  text: string;
+  notificationTimeout?: number;
+  iconOnly?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ButtonCopy };
+//# sourceMappingURL=ButtonCopy.d.ts.map

package/dist/src/components/shared/ButtonCopy.js

@@ -1,24 +1,35 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircle, Copy } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../ui/button.js";
 import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle, Copy } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
-import { Button } from "../ui/button";
-import { cn } from "../../lib/utils";
-export function ButtonCopy({ text, notificationTimeout = 1000, iconOnly = false, ...props }) {
-    const { t } = useTranslation();
-    const [isCopied, setIsCopied] = useState(false);
-    const handleCopy = async (text) => {
-        try {
-            await window.navigator.clipboard.writeText(text);
-            setIsCopied(true);
-            toast.success(t("web-ui:common.copySuccess"));
-            setTimeout(() => setIsCopied(false), notificationTimeout);
-        }
-        catch (error) {
-            toast.error(t("web-ui:common.copyError"));
-            console.error(error);
-        }
-    };
-    return (_jsx(Button, { variant: "outline", size: "sm", onClick: () => handleCopy(text), className: cn(isCopied ? "bg-green-200 hover:bg-green-300" : "", iconOnly ? "" : "gap-1"), ...props, children: isCopied ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copied")] })) : (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copy")] })) }));
+//#region src/components/shared/ButtonCopy.tsx
+function ButtonCopy({ text, notificationTimeout = 1e3, iconOnly = false, ...props }) {
+	const { t } = useTranslation();
+	const [isCopied, setIsCopied] = useState(false);
+	const handleCopy = async (text) => {
+		try {
+			await window.navigator.clipboard.writeText(text);
+			setIsCopied(true);
+			toast.success(t("web-ui:common.copySuccess"));
+			setTimeout(() => setIsCopied(false), notificationTimeout);
+		} catch (error) {
+			toast.error(t("web-ui:common.copyError"));
+			console.error(error);
+		}
+	};
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: () => handleCopy(text),
+		className: cn(isCopied ? "bg-green-200 hover:bg-green-300" : "", iconOnly ? "" : "gap-1"),
+		...props,
+		children: isCopied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copied")] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copy")] })
+	});
 }
+//#endregion
+export { ButtonCopy };
+
+//# sourceMappingURL=ButtonCopy.js.map

package/dist/src/components/shared/ButtonCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCopy.js","names":[],"sources":["../../../../src/components/shared/ButtonCopy.tsx"],"sourcesContent":["import { CheckCircle, Copy } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\nimport { Button, type ButtonProps } from \"../ui/button\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport function ButtonCopy({\r\n  text,\r\n  notificationTimeout = 1000,\r\n  iconOnly = false,\r\n  ...props\r\n}: ButtonProps & { text: string; notificationTimeout?: number; iconOnly?: boolean }) {\r\n  const { t } = useTranslation();\r\n  const [isCopied, setIsCopied] = useState(false);\r\n\r\n  const handleCopy = async (text: string) => {\r\n    try {\r\n      await window.navigator.clipboard.writeText(text);\r\n      setIsCopied(true);\r\n      toast.success(t(\"web-ui:common.copySuccess\"));\r\n      setTimeout(() => setIsCopied(false), notificationTimeout);\r\n    } catch (error) {\r\n      toast.error(t(\"web-ui:common.copyError\"));\r\n      console.error(error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Button\r\n      variant=\"outline\"\r\n      size=\"sm\"\r\n      onClick={() => handleCopy(text)}\r\n      className={cn(isCopied ? \"bg-green-200 hover:bg-green-300\" : \"\", iconOnly ? \"\" : \"gap-1\")}\r\n      {...props}\r\n    >\r\n      {isCopied ? (\r\n        <>\r\n          <CheckCircle className=\"h-4 w-4\" />\r\n          {!iconOnly && t(\"web-ui:common.copied\")}\r\n        </>\r\n      ) : (\r\n        <>\r\n          <Copy className=\"h-4 w-4\" />\r\n          {!iconOnly && t(\"web-ui:common.copy\")}\r\n        </>\r\n      )}\r\n    </Button>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAW,EACzB,MACA,sBAAsB,KACtB,WAAW,OACX,GAAG,SACgF;CACnF,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,aAAa,OAAO,SAAiB;AACzC,MAAI;AACF,SAAM,OAAO,UAAU,UAAU,UAAU,KAAK;AAChD,eAAY,KAAK;AACjB,SAAM,QAAQ,EAAE,4BAA4B,CAAC;AAC7C,oBAAiB,YAAY,MAAM,EAAE,oBAAoB;WAClD,OAAO;AACd,SAAM,MAAM,EAAE,0BAA0B,CAAC;AACzC,WAAQ,MAAM,MAAM;;;AAIxB,QACE,oBAAC,QAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAe,WAAW,KAAK;EAC/B,WAAW,GAAG,WAAW,oCAAoC,IAAI,WAAW,KAAK,QAAQ;EACzF,GAAI;YAEH,WACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAa,WAAU,WAAY,CAAA,EAClC,CAAC,YAAY,EAAE,uBAAuB,CACtC,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,CAAC,YAAY,EAAE,qBAAqB,CACpC,EAAA,CAAA;EAEE,CAAA"}

package/dist/src/components/team-switcher.d.ts

@@ -1,8 +1,16 @@
-import * as React from "react";
-export declare function TeamSwitcher({ teams, }: {
-    teams: {
-        name: string;
-        logo: React.ElementType;
-        plan: string;
-    }[];
-}): import("react/jsx-runtime").JSX.Element;
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/team-switcher.d.ts
+declare function TeamSwitcher({
+  teams
+}: {
+  teams: {
+    name: string;
+    logo: React$1.ElementType;
+    plan: string;
+  }[];
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TeamSwitcher };
+//# sourceMappingURL=team-switcher.d.ts.map

package/dist/src/components/team-switcher.js

@@ -1,10 +1,72 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "./ui/sidebar.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown, Plus } from "lucide-react";
-import * as React from "react";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, } from "./ui/dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "./ui/sidebar";
-export function TeamSwitcher({ teams, }) {
-    const { isMobile } = useSidebar();
-    const [activeTeam, setActiveTeam] = React.useState(teams[0]);
-    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: _jsx(activeTeam.logo, { className: "size-4" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: activeTeam.name }), _jsx("span", { className: "truncate text-xs", children: activeTeam.plan })] }), _jsx(ChevronsUpDown, { className: "ml-auto" })] }) }), _jsxs(DropdownMenuContent, { className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg", align: "start", side: isMobile ? "bottom" : "right", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Teams" }), teams.map((team, index) => (_jsxs(DropdownMenuItem, { onClick: () => setActiveTeam(team), className: "gap-2 p-2", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-sm border", children: _jsx(team.logo, { className: "size-4 shrink-0" }) }), team.name, _jsxs(DropdownMenuShortcut, { children: ["\u2318", index + 1] })] }, team.name))), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Plus, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: "Add team" })] })] })] }) }) }));
+//#region src/components/team-switcher.tsx
+function TeamSwitcher({ teams }) {
+	const { isMobile } = useSidebar();
+	const [activeTeam, setActiveTeam] = React$1.useState(teams[0]);
+	return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+			size: "lg",
+			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground",
+					children: /* @__PURE__ */ jsx(activeTeam.logo, { className: "size-4" })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid flex-1 text-left text-sm leading-tight",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate font-semibold",
+						children: activeTeam.name
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate text-xs",
+						children: activeTeam.plan
+					})]
+				}),
+				/* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto" })
+			]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
+		align: "start",
+		side: isMobile ? "bottom" : "right",
+		sideOffset: 4,
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuLabel, {
+				className: "text-xs text-muted-foreground",
+				children: "Teams"
+			}),
+			teams.map((team, index) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => setActiveTeam(team),
+				className: "gap-2 p-2",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex size-6 items-center justify-center rounded-sm border",
+						children: /* @__PURE__ */ jsx(team.logo, { className: "size-4 shrink-0" })
+					}),
+					team.name,
+					/* @__PURE__ */ jsxs(DropdownMenuShortcut, { children: ["⌘", index + 1] })
+				]
+			}, team.name)),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				className: "gap-2 p-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex size-6 items-center justify-center rounded-md border bg-background",
+					children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
+				}), /* @__PURE__ */ jsx("div", {
+					className: "font-medium text-muted-foreground",
+					children: "Add team"
+				})]
+			})
+		]
+	})] }) }) });
 }
+//#endregion
+export { TeamSwitcher };
+
+//# sourceMappingURL=team-switcher.js.map

package/dist/src/components/team-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-switcher.js","names":["React"],"sources":["../../../src/components/team-switcher.tsx"],"sourcesContent":["import { ChevronsUpDown, Plus } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuTrigger,\r\n} from \"./ui/dropdown-menu\";\r\nimport {\r\n  SidebarMenu,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  useSidebar,\r\n} from \"./ui/sidebar\";\r\n\r\nexport function TeamSwitcher({\r\n  teams,\r\n}: {\r\n  teams: {\r\n    name: string;\r\n    logo: React.ElementType;\r\n    plan: string;\r\n  }[];\r\n}) {\r\n  const { isMobile } = useSidebar();\r\n  const [activeTeam, setActiveTeam] = React.useState(teams[0]);\r\n\r\n  return (\r\n    <SidebarMenu>\r\n      <SidebarMenuItem>\r\n        <DropdownMenu>\r\n          <DropdownMenuTrigger asChild>\r\n            <SidebarMenuButton\r\n              size=\"lg\"\r\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\r\n            >\r\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\r\n                <activeTeam.logo className=\"size-4\" />\r\n              </div>\r\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\r\n                <span className=\"truncate font-semibold\">{activeTeam.name}</span>\r\n                <span className=\"truncate text-xs\">{activeTeam.plan}</span>\r\n              </div>\r\n              <ChevronsUpDown className=\"ml-auto\" />\r\n            </SidebarMenuButton>\r\n          </DropdownMenuTrigger>\r\n          <DropdownMenuContent\r\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\r\n            align=\"start\"\r\n            side={isMobile ? \"bottom\" : \"right\"}\r\n            sideOffset={4}\r\n          >\r\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">Teams</DropdownMenuLabel>\r\n            {teams.map((team, index) => (\r\n              <DropdownMenuItem\r\n                key={team.name}\r\n                onClick={() => setActiveTeam(team)}\r\n                className=\"gap-2 p-2\"\r\n              >\r\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\r\n                  <team.logo className=\"size-4 shrink-0\" />\r\n                </div>\r\n                {team.name}\r\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\r\n              </DropdownMenuItem>\r\n            ))}\r\n            <DropdownMenuSeparator />\r\n            <DropdownMenuItem className=\"gap-2 p-2\">\r\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\r\n                <Plus className=\"size-4\" />\r\n              </div>\r\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\r\n            </DropdownMenuItem>\r\n          </DropdownMenuContent>\r\n        </DropdownMenu>\r\n      </SidebarMenuItem>\r\n    </SidebarMenu>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAmBA,SAAgB,aAAa,EAC3B,SAOC;CACD,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,CAAC,YAAY,iBAAiBA,QAAM,SAAS,MAAM,GAAG;AAE5D,QACE,oBAAC,aAAD,EAAA,UACE,oBAAC,iBAAD,EAAA,UACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;EAAqB,SAAA;YACnB,qBAAC,mBAAD;GACE,MAAK;GACL,WAAU;aAFZ;IAIE,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,WAAW,MAAZ,EAAiB,WAAU,UAAW,CAAA;KAClC,CAAA;IACN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,QAAD;MAAM,WAAU;gBAA0B,WAAW;MAAY,CAAA,EACjE,oBAAC,QAAD;MAAM,WAAU;gBAAoB,WAAW;MAAY,CAAA,CACvD;;IACN,oBAAC,gBAAD,EAAgB,WAAU,WAAY,CAAA;IACpB;;EACA,CAAA,EACtB,qBAAC,qBAAD;EACE,WAAU;EACV,OAAM;EACN,MAAM,WAAW,WAAW;EAC5B,YAAY;YAJd;GAME,oBAAC,mBAAD;IAAmB,WAAU;cAAgC;IAAyB,CAAA;GACrF,MAAM,KAAK,MAAM,UAChB,qBAAC,kBAAD;IAEE,eAAe,cAAc,KAAK;IAClC,WAAU;cAHZ;KAKE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,KAAK,MAAN,EAAW,WAAU,mBAAoB,CAAA;MACrC,CAAA;KACL,KAAK;KACN,qBAAC,sBAAD,EAAA,UAAA,CAAsB,KAAE,QAAQ,EAAyB,EAAA,CAAA;KACxC;MATZ,KAAK,KASO,CACnB;GACF,oBAAC,uBAAD,EAAyB,CAAA;GACzB,qBAAC,kBAAD;IAAkB,WAAU;cAA5B,CACE,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,MAAD,EAAM,WAAU,UAAW,CAAA;KACvB,CAAA,EACN,oBAAC,OAAD;KAAK,WAAU;eAAoC;KAAc,CAAA,CAChD;;GACC;IACT,EAAA,CAAA,EACC,CAAA,EACN,CAAA"}

package/dist/src/components/theme-provider.d.ts

@@ -1,13 +1,23 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/theme-provider.d.ts
 type Theme = "dark" | "light" | "system";
 type ThemeProviderProps = {
-    children: React.ReactNode;
-    defaultTheme?: Theme;
-    storageKey?: string;
+  children: React.ReactNode;
+  defaultTheme?: Theme;
+  storageKey?: string;
 };
 type ThemeProviderState = {
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
 };
-export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare const useTheme: () => ThemeProviderState;
-export {};
+declare function ThemeProvider({
+  children,
+  defaultTheme,
+  storageKey,
+  ...props
+}: ThemeProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare const useTheme: () => ThemeProviderState;
+//#endregion
+export { ThemeProvider, useTheme };
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/src/components/theme-provider.js

@@ -1,41 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
-const initialState = {
-    theme: "dark",
-    setTheme: () => null,
-};
-const ThemeProviderContext = createContext(initialState);
-export function ThemeProvider({ children, defaultTheme = "system", storageKey = "vite-ui-theme", ...props }) {
-    const [theme, setTheme] = useState(defaultTheme);
-    useEffect(() => {
-        const savedTheme = localStorage.getItem(storageKey);
-        if (savedTheme)
-            setTheme(savedTheme);
-    }, []);
-    useEffect(() => {
-        const root = window.document.documentElement;
-        root.classList.remove("light", "dark");
-        if (theme === "system") {
-            const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches
-                ? "dark"
-                : "light";
-            root.classList.add(systemTheme);
-            return;
-        }
-        root.classList.add(theme);
-    }, [theme]);
-    const value = {
-        theme,
-        setTheme: (theme) => {
-            localStorage.setItem(storageKey, theme);
-            setTheme(theme);
-        },
-    };
-    return (_jsx(ThemeProviderContext.Provider, { ...props, value: value, children: children }));
+import { jsx } from "react/jsx-runtime";
+//#region src/components/theme-provider.tsx
+const ThemeProviderContext = createContext({
+	theme: "dark",
+	setTheme: () => null
+});
+function ThemeProvider({ children, defaultTheme = "system", storageKey = "vite-ui-theme", ...props }) {
+	const [theme, setTheme] = useState(defaultTheme);
+	useEffect(() => {
+		const savedTheme = localStorage.getItem(storageKey);
+		if (savedTheme) setTheme(savedTheme);
+	}, []);
+	useEffect(() => {
+		const root = window.document.documentElement;
+		root.classList.remove("light", "dark");
+		if (theme === "system") {
+			const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+			root.classList.add(systemTheme);
+			return;
+		}
+		root.classList.add(theme);
+	}, [theme]);
+	const value = {
+		theme,
+		setTheme: (theme) => {
+			localStorage.setItem(storageKey, theme);
+			setTheme(theme);
+		}
+	};
+	return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, {
+		...props,
+		value,
+		children
+	});
 }
-export const useTheme = () => {
-    const context = useContext(ThemeProviderContext);
-    if (context === undefined)
-        throw new Error("useTheme must be used within a ThemeProvider");
-    return context;
+const useTheme = () => {
+	const context = useContext(ThemeProviderContext);
+	if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+	return context;
 };
+//#endregion
+export { ThemeProvider, useTheme };
+
+//# sourceMappingURL=theme-provider.js.map

package/dist/src/components/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","names":[],"sources":["../../../src/components/theme-provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from \"react\";\r\n\r\ntype Theme = \"dark\" | \"light\" | \"system\";\r\n\r\ntype ThemeProviderProps = {\r\n  children: React.ReactNode;\r\n  defaultTheme?: Theme;\r\n  storageKey?: string;\r\n};\r\n\r\ntype ThemeProviderState = {\r\n  theme: Theme;\r\n  setTheme: (theme: Theme) => void;\r\n};\r\n\r\nconst initialState: ThemeProviderState = {\r\n  theme: \"dark\",\r\n  setTheme: () => null,\r\n};\r\n\r\nconst ThemeProviderContext = createContext<ThemeProviderState>(initialState);\r\n\r\nexport function ThemeProvider({\r\n  children,\r\n  defaultTheme = \"system\",\r\n  storageKey = \"vite-ui-theme\",\r\n  ...props\r\n}: ThemeProviderProps) {\r\n  const [theme, setTheme] = useState<Theme>(defaultTheme);\r\n\r\n  useEffect(() => {\r\n    const savedTheme = localStorage.getItem(storageKey);\r\n    if (savedTheme) setTheme(savedTheme as Theme);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const root = window.document.documentElement;\r\n\r\n    root.classList.remove(\"light\", \"dark\");\r\n\r\n    if (theme === \"system\") {\r\n      const systemTheme = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\r\n        ? \"dark\"\r\n        : \"light\";\r\n\r\n      root.classList.add(systemTheme);\r\n      return;\r\n    }\r\n\r\n    root.classList.add(theme);\r\n  }, [theme]);\r\n\r\n  const value = {\r\n    theme,\r\n    setTheme: (theme: Theme) => {\r\n      localStorage.setItem(storageKey, theme);\r\n      setTheme(theme);\r\n    },\r\n  };\r\n\r\n  return (\r\n    <ThemeProviderContext.Provider {...props} value={value}>\r\n      {children}\r\n    </ThemeProviderContext.Provider>\r\n  );\r\n}\r\n\r\nexport const useTheme = () => {\r\n  const context = useContext(ThemeProviderContext);\r\n\r\n  if (context === undefined) throw new Error(\"useTheme must be used within a ThemeProvider\");\r\n\r\n  return context;\r\n};\r\n"],"mappings":";;;AAoBA,MAAM,uBAAuB,cALY;CACvC,OAAO;CACP,gBAAgB;CACjB,CAE2E;AAE5E,SAAgB,cAAc,EAC5B,UACA,eAAe,UACf,aAAa,iBACb,GAAG,SACkB;CACrB,MAAM,CAAC,OAAO,YAAY,SAAgB,aAAa;AAEvD,iBAAgB;EACd,MAAM,aAAa,aAAa,QAAQ,WAAW;AACnD,MAAI,WAAY,UAAS,WAAoB;IAC5C,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,OAAO,OAAO,SAAS;AAE7B,OAAK,UAAU,OAAO,SAAS,OAAO;AAEtC,MAAI,UAAU,UAAU;GACtB,MAAM,cAAc,OAAO,WAAW,+BAA+B,CAAC,UAClE,SACA;AAEJ,QAAK,UAAU,IAAI,YAAY;AAC/B;;AAGF,OAAK,UAAU,IAAI,MAAM;IACxB,CAAC,MAAM,CAAC;CAEX,MAAM,QAAQ;EACZ;EACA,WAAW,UAAiB;AAC1B,gBAAa,QAAQ,YAAY,MAAM;AACvC,YAAS,MAAM;;EAElB;AAED,QACE,oBAAC,qBAAqB,UAAtB;EAA+B,GAAI;EAAc;EAC9C;EAC6B,CAAA;;AAIpC,MAAa,iBAAiB;CAC5B,MAAM,UAAU,WAAW,qBAAqB;AAEhD,KAAI,YAAY,KAAA,EAAW,OAAM,IAAI,MAAM,+CAA+C;AAE1F,QAAO"}

package/dist/src/components/typewriter.d.ts

@@ -1,18 +1,39 @@
-import { TypewriterEffect } from "./ui/typewriter-effect";
+import { TypewriterEffect } from "./ui/typewriter-effect.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/typewriter.d.ts
 interface TypewriterProps extends Omit<React.ComponentProps<typeof TypewriterEffect>, "words"> {
-    words: string[];
-    wordClass?: string;
-    highlightClass?: string;
-    highlightIndex?: number;
+  words: string[];
+  wordClass?: string;
+  highlightClass?: string;
+  highlightIndex?: number;
 }
-export declare function Typewriter({ words, wordClass, highlightClass, cursorClassName, highlightIndex, ...props }: TypewriterProps): import("react/jsx-runtime").JSX.Element;
+declare function Typewriter({
+  words,
+  wordClass,
+  highlightClass,
+  cursorClassName,
+  highlightIndex,
+  ...props
+}: TypewriterProps): _$react_jsx_runtime0.JSX.Element;
 interface CyclingTypewriterProps extends Omit<React.ComponentProps<typeof TypewriterEffect>, "words"> {
-    wordSets: string[][];
-    wordClass?: string;
-    highlightClass?: string;
-    highlightIndex?: number;
-    displayDuration?: number;
-    cycleDelay?: number;
+  wordSets: string[][];
+  wordClass?: string;
+  highlightClass?: string;
+  highlightIndex?: number;
+  displayDuration?: number;
+  cycleDelay?: number;
 }
-export declare function CyclingTypewriter({ wordSets, wordClass, highlightClass, cursorClassName, highlightIndex, displayDuration, cycleDelay, ...props }: CyclingTypewriterProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+declare function CyclingTypewriter({
+  wordSets,
+  wordClass,
+  highlightClass,
+  cursorClassName,
+  highlightIndex,
+  displayDuration,
+  cycleDelay,
+  ...props
+}: CyclingTypewriterProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { CyclingTypewriter, Typewriter };
+//# sourceMappingURL=typewriter.d.ts.map