@m5kdev/web-ui 0.8.7 → 0.8.8

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+const require_src_components_ui_button = require("../ui/button.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+let sonner = require("sonner");
+//#region src/components/shared/ButtonCopy.tsx
+function ButtonCopy({ text, notificationTimeout = 1e3, iconOnly = false, ...props }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [isCopied, setIsCopied] = (0, react.useState)(false);
+	const handleCopy = async (text) => {
+		try {
+			await window.navigator.clipboard.writeText(text);
+			setIsCopied(true);
+			sonner.toast.success(t("web-ui:common.copySuccess"));
+			setTimeout(() => setIsCopied(false), notificationTimeout);
+		} catch (error) {
+			sonner.toast.error(t("web-ui:common.copyError"));
+			console.error(error);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_button.Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: () => handleCopy(text),
+		className: require_src_lib_utils.cn(isCopied ? "bg-green-200 hover:bg-green-300" : "", iconOnly ? "" : "gap-1"),
+		...props,
+		children: isCopied ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copied")] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copy")] })
+	});
+}
+//#endregion
+exports.ButtonCopy = ButtonCopy;
+
+//# sourceMappingURL=ButtonCopy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCopy.js","names":["Button","cn","CheckCircle","Copy"],"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,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,MAAM;CAE/C,MAAM,aAAa,OAAO,SAAiB;AACzC,MAAI;AACF,SAAM,OAAO,UAAU,UAAU,UAAU,KAAK;AAChD,eAAY,KAAK;AACjB,UAAA,MAAM,QAAQ,EAAE,4BAA4B,CAAC;AAC7C,oBAAiB,YAAY,MAAM,EAAE,oBAAoB;WAClD,OAAO;AACd,UAAA,MAAM,MAAM,EAAE,0BAA0B,CAAC;AACzC,WAAQ,MAAM,MAAM;;;AAIxB,QACE,iBAAA,GAAA,kBAAA,KAACA,iCAAAA,QAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAe,WAAW,KAAK;EAC/B,WAAWC,sBAAAA,GAAG,WAAW,oCAAoC,IAAI,WAAW,KAAK,QAAQ;EACzF,GAAI;YAEH,WACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,aAAD,EAAa,WAAU,WAAY,CAAA,EAClC,CAAC,YAAY,EAAE,uBAAuB,CACtC,EAAA,CAAA,GAEH,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,CAAC,YAAY,EAAE,qBAAqB,CACpC,EAAA,CAAA;EAEE,CAAA"}

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

@@ -1,9 +1,9 @@
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
-import { CheckCircle, Copy } from "lucide-react";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
 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";
 //#region src/components/shared/ButtonCopy.tsx
 function ButtonCopy({ text, notificationTimeout = 1e3, iconOnly = false, ...props }) {

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

@@ -0,0 +1,16 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-switcher.js","names":["useSidebar","React","SidebarMenu","SidebarMenuItem","DropdownMenu","DropdownMenuTrigger","SidebarMenuButton","ChevronsUpDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","DropdownMenuShortcut","DropdownMenuSeparator","Plus"],"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,aAAaA,kCAAAA,YAAY;CACjC,MAAM,CAAC,YAAY,iBAAiBC,MAAM,SAAS,MAAM,GAAG;AAE5D,QACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,qBAAD;EAAqB,SAAA;YACnB,iBAAA,GAAA,kBAAA,MAACC,kCAAAA,mBAAD;GACE,MAAK;GACL,WAAU;aAFZ;IAIE,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,kBAAA,KAAC,WAAW,MAAZ,EAAiB,WAAU,UAAW,CAAA;KAClC,CAAA;IACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gBAA0B,WAAW;MAAY,CAAA,EACjE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAU;gBAAoB,WAAW;MAAY,CAAA,CACvD;;IACN,iBAAA,GAAA,kBAAA,KAACC,aAAAA,gBAAD,EAAgB,WAAU,WAAY,CAAA;IACpB;;EACA,CAAA,EACtB,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,qBAAD;EACE,WAAU;EACV,OAAM;EACN,MAAM,WAAW,WAAW;EAC5B,YAAY;YAJd;GAME,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,mBAAD;IAAmB,WAAU;cAAgC;IAAyB,CAAA;GACrF,MAAM,KAAK,MAAM,UAChB,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,kBAAD;IAEE,eAAe,cAAc,KAAK;IAClC,WAAU;cAHZ;KAKE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,kBAAA,KAAC,KAAK,MAAN,EAAW,WAAU,mBAAoB,CAAA;MACrC,CAAA;KACL,KAAK;KACN,iBAAA,GAAA,kBAAA,MAACC,wCAAAA,sBAAD,EAAA,UAAA,CAAsB,KAAE,QAAQ,EAAyB,EAAA,CAAA;KACxC;MATZ,KAAK,KASO,CACnB;GACF,iBAAA,GAAA,kBAAA,KAACC,wCAAAA,uBAAD,EAAyB,CAAA;GACzB,iBAAA,GAAA,kBAAA,MAACF,wCAAAA,kBAAD;IAAkB,WAAU;cAA5B,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,kBAAA,KAACG,aAAAA,MAAD,EAAM,WAAU,UAAW,CAAA;KACvB,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eAAoC;KAAc,CAAA,CAChD;;GACC;IACT,EAAA,CAAA,EACC,CAAA,EACN,CAAA"}

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

@@ -1,8 +1,8 @@
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "./ui/sidebar.mjs";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "./ui/dropdown-menu.mjs";
-import { ChevronsUpDown, Plus } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronsUpDown, Plus } from "lucide-react";
 //#region src/components/team-switcher.tsx
 function TeamSwitcher({ teams }) {
 	const { isMobile } = useSidebar();

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

@@ -0,0 +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;
+};
+type ThemeProviderState = {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+};
+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

@@ -0,0 +1,48 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/theme-provider.tsx
+const ThemeProviderContext = (0, react.createContext)({
+	theme: "dark",
+	setTheme: () => null
+});
+function ThemeProvider({ children, defaultTheme = "system", storageKey = "vite-ui-theme", ...props }) {
+	const [theme, setTheme] = (0, react.useState)(defaultTheme);
+	(0, react.useEffect)(() => {
+		const savedTheme = localStorage.getItem(storageKey);
+		if (savedTheme) setTheme(savedTheme);
+	}, []);
+	(0, react.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__ */ (0, react_jsx_runtime.jsx)(ThemeProviderContext.Provider, {
+		...props,
+		value,
+		children
+	});
+}
+const useTheme = () => {
+	const context = (0, react.useContext)(ThemeProviderContext);
+	if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+	return context;
+};
+//#endregion
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = 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,wBAAA,GAAA,MAAA,eALmC;CACvC,OAAO;CACP,gBAAgB;CACjB,CAE2E;AAE5E,SAAgB,cAAc,EAC5B,UACA,eAAe,UACf,aAAa,iBACb,GAAG,SACkB;CACrB,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAA4B,aAAa;AAEvD,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,aAAa,aAAa,QAAQ,WAAW;AACnD,MAAI,WAAY,UAAS,WAAoB;IAC5C,EAAE,CAAC;AAEN,EAAA,GAAA,MAAA,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,iBAAA,GAAA,kBAAA,KAAC,qBAAqB,UAAtB;EAA+B,GAAI;EAAc;EAC9C;EAC6B,CAAA;;AAIpC,MAAa,iBAAiB;CAC5B,MAAM,WAAA,GAAA,MAAA,YAAqB,qBAAqB;AAEhD,KAAI,YAAY,KAAA,EAAW,OAAM,IAAI,MAAM,+CAA+C;AAE1F,QAAO"}

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

@@ -0,0 +1,39 @@
+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;
+}
+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;
+}
+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

package/dist/src/components/typewriter.js

@@ -0,0 +1,50 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_typewriter_effect = require("./ui/typewriter-effect.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/typewriter.tsx
+function Typewriter({ words, wordClass = "dark:text-neutral-300", highlightClass = "text-green-500 dark:text-green-500", cursorClassName = "bg-green-500 dark:bg-green-500", highlightIndex, ...props }) {
+	const position = highlightIndex ?? words.length - 1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_typewriter_effect.TypewriterEffect, {
+		...props,
+		words: words.map((text, index) => ({
+			text,
+			className: index === position ? highlightClass : wordClass
+		})),
+		cursorClassName
+	});
+}
+function CyclingTypewriter({ wordSets, wordClass = "dark:text-neutral-300", highlightClass = "text-green-500 dark:text-green-500", cursorClassName = "bg-green-500 dark:bg-green-500", highlightIndex, displayDuration = 3e3, cycleDelay = 500, ...props }) {
+	const [currentIndex, setCurrentIndex] = (0, react.useState)(0);
+	(0, react.useEffect)(() => {
+		if (wordSets.length === 0 || wordSets.length === 1) return;
+		const totalCycleTime = wordSets[currentIndex].join(" ").length * 400 + displayDuration + cycleDelay;
+		const timer = setTimeout(() => {
+			setCurrentIndex((prev) => (prev + 1) % wordSets.length);
+		}, totalCycleTime);
+		return () => clearTimeout(timer);
+	}, [
+		currentIndex,
+		wordSets,
+		displayDuration,
+		cycleDelay
+	]);
+	if (wordSets.length === 0) return null;
+	const currentWords = wordSets[currentIndex];
+	const position = highlightIndex ?? currentWords.length - 1;
+	return /* @__PURE__ */ (0, react.createElement)(require_src_components_ui_typewriter_effect.TypewriterEffect, {
+		...props,
+		key: currentIndex,
+		words: currentWords.map((text, index) => ({
+			text,
+			className: index === position ? highlightClass : wordClass
+		})),
+		cursorClassName
+	});
+}
+//#endregion
+exports.CyclingTypewriter = CyclingTypewriter;
+exports.Typewriter = Typewriter;
+
+//# sourceMappingURL=typewriter.js.map

package/dist/src/components/typewriter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.js","names":["TypewriterEffect"],"sources":["../../../src/components/typewriter.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { TypewriterEffect } from \"./ui/typewriter-effect\";\r\n\r\ninterface TypewriterProps extends Omit<React.ComponentProps<typeof TypewriterEffect>, \"words\"> {\r\n  words: string[];\r\n  wordClass?: string;\r\n  highlightClass?: string;\r\n  highlightIndex?: number;\r\n}\r\n\r\nexport function Typewriter({\r\n  words,\r\n  wordClass = \"dark:text-neutral-300\",\r\n  highlightClass = \"text-green-500 dark:text-green-500\",\r\n  cursorClassName = \"bg-green-500 dark:bg-green-500\",\r\n  highlightIndex,\r\n  ...props\r\n}: TypewriterProps) {\r\n  const position = highlightIndex ?? words.length - 1;\r\n  return (\r\n    <TypewriterEffect\r\n      {...props}\r\n      words={words.map((text, index) => ({\r\n        text,\r\n        className: index === position ? highlightClass : wordClass,\r\n      }))}\r\n      cursorClassName={cursorClassName}\r\n    />\r\n  );\r\n}\r\n\r\ninterface CyclingTypewriterProps\r\n  extends Omit<React.ComponentProps<typeof TypewriterEffect>, \"words\"> {\r\n  wordSets: string[][];\r\n  wordClass?: string;\r\n  highlightClass?: string;\r\n  highlightIndex?: number;\r\n  displayDuration?: number;\r\n  cycleDelay?: number;\r\n}\r\n\r\nexport function CyclingTypewriter({\r\n  wordSets,\r\n  wordClass = \"dark:text-neutral-300\",\r\n  highlightClass = \"text-green-500 dark:text-green-500\",\r\n  cursorClassName = \"bg-green-500 dark:bg-green-500\",\r\n  highlightIndex,\r\n  displayDuration = 3000,\r\n  cycleDelay = 500,\r\n  ...props\r\n}: CyclingTypewriterProps) {\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n  useEffect(() => {\r\n    if (wordSets.length === 0 || wordSets.length === 1) return;\r\n\r\n    const currentWords = wordSets[currentIndex];\r\n    // Calculate typing animation duration\r\n    // TypewriterEffect uses: duration 0.3s per char, stagger 0.1s\r\n    // Total time ≈ (charCount * 0.3) + (charCount * 0.1) = charCount * 0.4\r\n    const charCount = currentWords.join(\" \").length;\r\n    const typingDuration = charCount * 400; // milliseconds\r\n\r\n    // Total cycle time: typing duration + display duration + cycle delay\r\n    const totalCycleTime = typingDuration + displayDuration + cycleDelay;\r\n\r\n    const timer = setTimeout(() => {\r\n      setCurrentIndex((prev) => (prev + 1) % wordSets.length);\r\n    }, totalCycleTime);\r\n\r\n    return () => clearTimeout(timer);\r\n  }, [currentIndex, wordSets, displayDuration, cycleDelay]);\r\n\r\n  if (wordSets.length === 0) return null;\r\n\r\n  const currentWords = wordSets[currentIndex];\r\n  const position = highlightIndex ?? currentWords.length - 1;\r\n\r\n  return (\r\n    <TypewriterEffect\r\n      {...props}\r\n      key={currentIndex}\r\n      words={currentWords.map((text, index) => ({\r\n        text,\r\n        className: index === position ? highlightClass : wordClass,\r\n      }))}\r\n      cursorClassName={cursorClassName}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAUA,SAAgB,WAAW,EACzB,OACA,YAAY,yBACZ,iBAAiB,sCACjB,kBAAkB,kCAClB,gBACA,GAAG,SACe;CAClB,MAAM,WAAW,kBAAkB,MAAM,SAAS;AAClD,QACE,iBAAA,GAAA,kBAAA,KAACA,4CAAAA,kBAAD;EACE,GAAI;EACJ,OAAO,MAAM,KAAK,MAAM,WAAW;GACjC;GACA,WAAW,UAAU,WAAW,iBAAiB;GAClD,EAAE;EACc;EACjB,CAAA;;AAcN,SAAgB,kBAAkB,EAChC,UACA,YAAY,yBACZ,iBAAiB,sCACjB,kBAAkB,kCAClB,gBACA,kBAAkB,KAClB,aAAa,KACb,GAAG,SACsB;CACzB,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,EAAE;AAEnD,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,SAAS,WAAW,KAAK,SAAS,WAAW,EAAG;EAUpD,MAAM,iBARe,SAAS,cAIC,KAAK,IAAI,CAAC,SACN,MAGK,kBAAkB;EAE1D,MAAM,QAAQ,iBAAiB;AAC7B,oBAAiB,UAAU,OAAO,KAAK,SAAS,OAAO;KACtD,eAAe;AAElB,eAAa,aAAa,MAAM;IAC/B;EAAC;EAAc;EAAU;EAAiB;EAAW,CAAC;AAEzD,KAAI,SAAS,WAAW,EAAG,QAAO;CAElC,MAAM,eAAe,SAAS;CAC9B,MAAM,WAAW,kBAAkB,aAAa,SAAS;AAEzD,QACE,iBAAA,GAAA,MAAA,eAACA,4CAAAA,kBAAD;EACE,GAAI;EACJ,KAAK;EACL,OAAO,aAAa,KAAK,MAAM,WAAW;GACxC;GACA,WAAW,UAAU,WAAW,iBAAiB;GAClD,EAAE;EACc;EACjB,CAAA"}

package/dist/src/components/ui/alert-dialog.d.ts

@@ -0,0 +1,49 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+
+//#region src/components/ui/alert-dialog.d.ts
+declare function AlertDialog({
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogTrigger({
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogPortal({
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/src/components/ui/alert-dialog.js

@@ -0,0 +1,94 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+const require_src_components_ui_button = require("./button.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_alert_dialog = require("@radix-ui/react-alert-dialog");
+_radix_ui_react_alert_dialog = require_runtime.__toESM(_radix_ui_react_alert_dialog);
+//#region src/components/ui/alert-dialog.tsx
+function AlertDialog({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: require_src_lib_utils.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AlertDialogPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertDialogOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Content, {
+		"data-slot": "alert-dialog-content",
+		className: require_src_lib_utils.cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-dialog-header",
+		className: require_src_lib_utils.cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-dialog-footer",
+		className: require_src_lib_utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Title, {
+		"data-slot": "alert-dialog-title",
+		className: require_src_lib_utils.cn("text-lg font-semibold", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Description, {
+		"data-slot": "alert-dialog-description",
+		className: require_src_lib_utils.cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Action, {
+		className: require_src_lib_utils.cn(require_src_components_ui_button.buttonVariants(), className),
+		...props
+	});
+}
+function AlertDialogCancel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_alert_dialog.Cancel, {
+		className: require_src_lib_utils.cn(require_src_components_ui_button.buttonVariants({ variant: "outline" }), className),
+		...props
+	});
+}
+//#endregion
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+
+//# sourceMappingURL=alert-dialog.js.map

package/dist/src/components/ui/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","cn","buttonVariants"],"sources":["../../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\r\nimport type * as React from \"react\";\r\n\r\nimport { buttonVariants } from \"./button\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\r\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\r\n}\r\n\r\nfunction AlertDialogTrigger({\r\n  ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\r\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\r\n}\r\n\r\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\r\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />;\r\n}\r\n\r\nfunction AlertDialogOverlay({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\r\n  return (\r\n    <AlertDialogPrimitive.Overlay\r\n      data-slot=\"alert-dialog-overlay\"\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogContent({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\r\n  return (\r\n    <AlertDialogPortal>\r\n      <AlertDialogOverlay />\r\n      <AlertDialogPrimitive.Content\r\n        data-slot=\"alert-dialog-content\"\r\n        className={cn(\r\n          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\r\n          className\r\n        )}\r\n        {...props}\r\n      />\r\n    </AlertDialogPortal>\r\n  );\r\n}\r\n\r\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-dialog-header\"\r\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-dialog-footer\"\r\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogTitle({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\r\n  return (\r\n    <AlertDialogPrimitive.Title\r\n      data-slot=\"alert-dialog-title\"\r\n      className={cn(\"text-lg font-semibold\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogDescription({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\r\n  return (\r\n    <AlertDialogPrimitive.Description\r\n      data-slot=\"alert-dialog-description\"\r\n      className={cn(\"text-muted-foreground text-sm\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogAction({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\r\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />;\r\n}\r\n\r\nfunction AlertDialogCancel({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\r\n  return (\r\n    <AlertDialogPrimitive.Cancel\r\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  AlertDialog,\r\n  AlertDialogPortal,\r\n  AlertDialogOverlay,\r\n  AlertDialogTrigger,\r\n  AlertDialogContent,\r\n  AlertDialogHeader,\r\n  AlertDialogFooter,\r\n  AlertDialogTitle,\r\n  AlertDialogDescription,\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n};\r\n"],"mappings":";;;;;;;;AAMA,SAAS,YAAY,EAAE,GAAG,SAAiE;AACzF,QAAO,iBAAA,GAAA,kBAAA,KAACA,6BAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;EAAS,CAAA;;AAG1E,SAAS,mBAAmB,EAC1B,GAAG,SACyD;AAC5D,QAAO,iBAAA,GAAA,kBAAA,KAACA,6BAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;EAAS,CAAA;;AAGrF,SAAS,kBAAkB,EAAE,GAAG,SAAmE;AACjG,QAAO,iBAAA,GAAA,kBAAA,KAACA,6BAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGnF,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,iBAAA,GAAA,kBAAA,KAACA,6BAAqB,SAAtB;EACE,aAAU;EACV,WAAWC,sBAAAA,GACT,0JACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,iBAAA,GAAA,kBAAA,MAAC,mBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAsB,CAAA,EACtB,iBAAA,GAAA,kBAAA,KAACD,6BAAqB,SAAtB;EACE,aAAU;EACV,WAAWC,sBAAAA,GACT,+WACA,UACD;EACD,GAAI;EACJ,CAAA,CACgB,EAAA,CAAA;;AAIxB,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;AAC/E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,sBAAAA,GAAG,gDAAgD,UAAU;EACxE,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;AAC/E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,sBAAAA,GAAG,0DAA0D,UAAU;EAClF,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,iBAAA,GAAA,kBAAA,KAACD,6BAAqB,OAAtB;EACE,aAAU;EACV,WAAWC,sBAAAA,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,iBAAA,GAAA,kBAAA,KAACD,6BAAqB,aAAtB;EACE,aAAU;EACV,WAAWC,sBAAAA,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QAAO,iBAAA,GAAA,kBAAA,KAACD,6BAAqB,QAAtB;EAA6B,WAAWC,sBAAAA,GAAGC,iCAAAA,gBAAgB,EAAE,UAAU;EAAE,GAAI;EAAS,CAAA;;AAG/F,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,iBAAA,GAAA,kBAAA,KAACF,6BAAqB,QAAtB;EACE,WAAWC,sBAAAA,GAAGC,iCAAAA,eAAe,EAAE,SAAS,WAAW,CAAC,EAAE,UAAU;EAChE,GAAI;EACJ,CAAA"}

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

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
-import { VariantProps } from "class-variance-authority";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/ui/alert.d.ts

package/dist/src/components/ui/alert.d.ts

@@ -0,0 +1,25 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
+
+//#region src/components/ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): _$react_jsx_runtime0.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

package/dist/src/components/ui/alert.js

@@ -0,0 +1,40 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/ui/alert.tsx
+const alertVariants = (0, require("class-variance-authority").cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: require_src_lib_utils.cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-title",
+		className: require_src_lib_utils.cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-description",
+		className: require_src_lib_utils.cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
+		...props
+	});
+}
+//#endregion
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;
+
+//# sourceMappingURL=alert.js.map

package/dist/src/components/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":["cn"],"sources":["../../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport type * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst alertVariants = cva(\r\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-card text-card-foreground\",\r\n        destructive:\r\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nfunction Alert({\r\n  className,\r\n  variant,\r\n  ...props\r\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert\"\r\n      role=\"alert\"\r\n      className={cn(alertVariants({ variant }), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-title\"\r\n      className={cn(\"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"alert-description\"\r\n      className={cn(\r\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Alert, AlertTitle, AlertDescription };\r\n"],"mappings":";;;;;AAKA,MAAM,iBAAA,uCAAA,KACJ,qOACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,GAAG,SACgE;AACnE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAWA,sBAAAA,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,sBAAAA,GAAG,+DAA+D,UAAU;EACvF,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;AAC9E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,sBAAAA,GACT,kGACA,UACD;EACD,GAAI;EACJ,CAAA"}

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 //#region src/components/ui/alert.tsx
 const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
 	variants: { variant: {