@m5kdev/web-ui 0.6.0 → 0.8.0

package/dist/src/components/typewriter.js

@@ -1,38 +1,47 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { TypewriterEffect } from "./ui/typewriter-effect";
-export 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 (_jsx(TypewriterEffect, { ...props, words: words.map((text, index) => ({
-            text,
-            className: index === position ? highlightClass : wordClass,
-        })), cursorClassName: cursorClassName }));
+import { TypewriterEffect } from "./ui/typewriter-effect.js";
+import { createElement, useEffect, useState } from "react";
+import { jsx } from "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__ */ jsx(TypewriterEffect, {
+		...props,
+		words: words.map((text, index) => ({
+			text,
+			className: index === position ? highlightClass : wordClass
+		})),
+		cursorClassName
+	});
 }
-export 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 = 3000, cycleDelay = 500, ...props }) {
-    const [currentIndex, setCurrentIndex] = useState(0);
-    useEffect(() => {
-        if (wordSets.length === 0 || wordSets.length === 1)
-            return;
-        const currentWords = wordSets[currentIndex];
-        // Calculate typing animation duration
-        // TypewriterEffect uses: duration 0.3s per char, stagger 0.1s
-        // Total time ≈ (charCount * 0.3) + (charCount * 0.1) = charCount * 0.4
-        const charCount = currentWords.join(" ").length;
-        const typingDuration = charCount * 400; // milliseconds
-        // Total cycle time: typing duration + display duration + cycle delay
-        const totalCycleTime = typingDuration + 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 (_createElement(TypewriterEffect, { ...props, key: currentIndex, words: currentWords.map((text, index) => ({
-            text,
-            className: index === position ? highlightClass : wordClass,
-        })), cursorClassName: 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] = useState(0);
+	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__ */ createElement(TypewriterEffect, {
+		...props,
+		key: currentIndex,
+		words: currentWords.map((text, index) => ({
+			text,
+			className: index === position ? highlightClass : wordClass
+		})),
+		cursorClassName
+	});
 }
+//#endregion
+export { CyclingTypewriter, Typewriter };
+
+//# sourceMappingURL=typewriter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.js","names":[],"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,oBAAC,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,mBAAmB,SAAS,EAAE;AAEnD,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,8BAAC,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

@@ -1,14 +1,49 @@
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import type * as React from "react";
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+
+//#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

@@ -1,38 +1,81 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { buttonVariants } from "./button";
-import { cn } from "../../lib/utils";
+//#region src/components/ui/alert-dialog.tsx
 function AlertDialog({ ...props }) {
-    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
 }
 function AlertDialogTrigger({ ...props }) {
-    return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
 }
 function AlertDialogPortal({ ...props }) {
-    return _jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
 }
 function AlertDialogOverlay({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: 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 }));
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: 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 (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: 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 })] }));
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
+		"data-slot": "alert-dialog-content",
+		className: 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 (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
 }
 function AlertDialogFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
 }
 function AlertDialogTitle({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className), ...props }));
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-lg font-semibold", className),
+		...props
+	});
 }
 function AlertDialogDescription({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
 }
 function AlertDialogAction({ className, ...props }) {
-    return _jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
+		className: cn(buttonVariants(), className),
+		...props
+	});
 }
 function AlertDialogCancel({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "outline" }), className), ...props }));
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
+		className: cn(buttonVariants({ variant: "outline" }), className),
+		...props
+	});
 }
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, 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":[],"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,oBAAC,qBAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;EAAS,CAAA;;AAG1E,SAAS,mBAAmB,EAC1B,GAAG,SACyD;AAC5D,QAAO,oBAAC,qBAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;EAAS,CAAA;;AAGrF,SAAS,kBAAkB,EAAE,GAAG,SAAmE;AACjG,QAAO,oBAAC,qBAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGnF,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,qBAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,qBAAC,mBAAD,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAsB,CAAA,EACtB,oBAAC,qBAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,+WACA,UACD;EACD,GAAI;EACJ,CAAA,CACgB,EAAA,CAAA;;AAIxB,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;AAC/E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;AAC/E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,0DAA0D,UAAU;EAClF,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAAC,qBAAqB,OAAtB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,qBAAqB,aAAtB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QAAO,oBAAC,qBAAqB,QAAtB;EAA6B,WAAW,GAAG,gBAAgB,EAAE,UAAU;EAAE,GAAI;EAAS,CAAA;;AAG/F,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,qBAAqB,QAAtB;EACE,WAAW,GAAG,eAAe,EAAE,SAAS,WAAW,CAAC,EAAE,UAAU;EAChE,GAAI;EACJ,CAAA"}

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

@@ -1,9 +1,25 @@
-import { type VariantProps } from "class-variance-authority";
-import type * as React from "react";
+import * as React$1 from "react";
+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
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Alert, AlertTitle, AlertDescription };
+  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

@@ -1,24 +1,37 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+//#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: {
-            default: "bg-card text-card-foreground",
-            destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
+	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 (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
 }
 function AlertTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-title", className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }));
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+		...props
+	});
 }
 function AlertDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-description", className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className), ...props }));
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
+		...props
+	});
 }
-export { Alert, AlertTitle, AlertDescription };
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"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,gBAAgB,IACpB,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,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,+DAA+D,UAAU;EACvF,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;AAC9E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,kGACA,UACD;EACD,GAAI;EACJ,CAAA"}

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

@@ -1,6 +1,10 @@
+import * as React$1 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React from "react";
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar, AvatarImage, AvatarFallback };
+
+//#region src/components/ui/avatar.d.ts
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -1,12 +1,28 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), ...props })));
+//#region src/components/ui/avatar.tsx
+const Avatar = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+	ref,
+	className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+	...props
+}));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn("aspect-square h-full w-full", className), ...props })));
+const AvatarImage = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+	ref,
+	className: cn("aspect-square h-full w-full", className),
+	...props
+}));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className), ...props })));
+const AvatarFallback = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+	ref,
+	className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
+	...props
+}));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-export { Avatar, AvatarImage, AvatarFallback };
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["React"],"sources":["../../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Avatar = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatar.displayName = AvatarPrimitive.Root.displayName;\r\n\r\nconst AvatarImage = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Image>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Image\r\n    ref={ref}\r\n    className={cn(\"aspect-square h-full w-full\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({ className, ...props }, ref) => (\r\n  <AvatarPrimitive.Fallback\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\r\n\r\nexport { Avatar, AvatarImage, AvatarFallback };\r\n"],"mappings":";;;;;;AAOA,MAAM,SAASA,QAAM,YAGlB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GAAG,iEAAiE,UAAU;CACzF,GAAI;CACJ,CAAA,CACF;AACF,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAcA,QAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,+BAA+B,UAAU;CACvD,GAAI;CACJ,CAAA,CACF;AACF,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,iBAAiBA,QAAM,YAG1B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,UAAjB;CACO;CACL,WAAW,GACT,wEACA,UACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,eAAe,cAAc,gBAAgB,SAAS"}

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

@@ -1,9 +1,18 @@
-import { type VariantProps } from "class-variance-authority";
-import type * as React from "react";
+import * as React$1 from "react";
+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/badge.d.ts
 declare const badgeVariants: (props?: ({
-    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };
+  variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
+declare function Badge({
+  className,
+  variant,
+  ...props
+}: BadgeProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Badge, BadgeProps, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -1,20 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+//#region src/components/ui/badge.tsx
 const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-    variants: {
-        variant: {
-            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-            outline: "text-foreground",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+		secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+		destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+		outline: "text-foreground"
+	} },
+	defaultVariants: { variant: "default" }
 });
 function Badge({ className, variant, ...props }) {
-    return _jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
 }
+//#endregion
 export { Badge, badgeVariants };
+
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../../src/components/ui/badge.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 badgeVariants = cva(\r\n  \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\r\n        secondary:\r\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\r\n        destructive:\r\n          \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\r\n        outline: \"text-foreground\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nexport interface BadgeProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof badgeVariants> {}\r\n\r\nfunction Badge({ className, variant, ...props }: BadgeProps) {\r\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n}\r\n\r\nexport { Badge, badgeVariants };\r\n"],"mappings":";;;;AAKA,MAAM,gBAAgB,IACpB,0KACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAMD,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,SAAqB;AAC3D,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EAAE,GAAI;EAAS,CAAA"}

package/dist/src/components/ui/bento-grid.d.ts

@@ -1,11 +1,26 @@
-export declare const BentoGrid: ({ className, children, }: {
-    className?: string;
-    children?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const BentoGridItem: ({ className, title, description, header, icon, }: {
-    className?: string;
-    title?: string | React.ReactNode;
-    description?: string | React.ReactNode;
-    header?: React.ReactNode;
-    icon?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/bento-grid.d.ts
+declare const BentoGrid: ({
+  className,
+  children
+}: {
+  className?: string;
+  children?: React.ReactNode;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare const BentoGridItem: ({
+  className,
+  title,
+  description,
+  header,
+  icon
+}: {
+  className?: string;
+  title?: string | React.ReactNode;
+  description?: string | React.ReactNode;
+  header?: React.ReactNode;
+  icon?: React.ReactNode;
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BentoGrid, BentoGridItem };
+//# sourceMappingURL=bento-grid.d.ts.map

package/dist/src/components/ui/bento-grid.js

@@ -1,8 +1,32 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-export const BentoGrid = ({ className, children, }) => {
-    return (_jsx("div", { className: cn("mx-auto grid max-w-7xl grid-cols-1 gap-4 md:auto-rows-[20rem] md:grid-cols-4", className), children: children }));
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ui/bento-grid.tsx
+const BentoGrid = ({ className, children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("mx-auto grid max-w-7xl grid-cols-1 gap-4 md:auto-rows-[20rem] md:grid-cols-4", className),
+		children
+	});
 };
-export const BentoGridItem = ({ className, title, description, header, icon, }) => {
-    return (_jsxs("div", { className: cn("group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 rounded-xl border border-neutral-200 bg-white p-4 transition duration-200 hover:shadow-xl dark:border-white/[0.2] dark:bg-black dark:shadow-none", className), children: [header, _jsxs("div", { className: "transition duration-200 group-hover/bento:translate-x-2", children: [icon, _jsx("div", { className: "mt-2 mb-2 font-sans font-bold text-neutral-600 dark:text-neutral-200 text-lg", children: title }), _jsx("div", { className: "font-sans text-sm font-normal text-neutral-600 dark:text-neutral-300", children: description })] })] }));
+const BentoGridItem = ({ className, title, description, header, icon }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 rounded-xl border border-neutral-200 bg-white p-4 transition duration-200 hover:shadow-xl dark:border-white/[0.2] dark:bg-black dark:shadow-none", className),
+		children: [header, /* @__PURE__ */ jsxs("div", {
+			className: "transition duration-200 group-hover/bento:translate-x-2",
+			children: [
+				icon,
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-2 mb-2 font-sans font-bold text-neutral-600 dark:text-neutral-200 text-lg",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "font-sans text-sm font-normal text-neutral-600 dark:text-neutral-300",
+					children: description
+				})
+			]
+		})]
+	});
 };
+//#endregion
+export { BentoGrid, BentoGridItem };
+
+//# sourceMappingURL=bento-grid.js.map

package/dist/src/components/ui/bento-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-grid.js","names":[],"sources":["../../../../src/components/ui/bento-grid.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\r\n\r\nexport const BentoGrid = ({\r\n  className,\r\n  children,\r\n}: {\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}) => {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"mx-auto grid max-w-7xl grid-cols-1 gap-4 md:auto-rows-[20rem] md:grid-cols-4\",\r\n        className\r\n      )}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const BentoGridItem = ({\r\n  className,\r\n  title,\r\n  description,\r\n  header,\r\n  icon,\r\n}: {\r\n  className?: string;\r\n  title?: string | React.ReactNode;\r\n  description?: string | React.ReactNode;\r\n  header?: React.ReactNode;\r\n  icon?: React.ReactNode;\r\n}) => {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 rounded-xl border border-neutral-200 bg-white p-4 transition duration-200 hover:shadow-xl dark:border-white/[0.2] dark:bg-black dark:shadow-none\",\r\n        className\r\n      )}\r\n    >\r\n      {header}\r\n      <div className=\"transition duration-200 group-hover/bento:translate-x-2\">\r\n        {icon}\r\n        <div className=\"mt-2 mb-2 font-sans font-bold text-neutral-600 dark:text-neutral-200 text-lg\">\r\n          {title}\r\n        </div>\r\n        <div className=\"font-sans text-sm font-normal text-neutral-600 dark:text-neutral-300\">\r\n          {description}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;AAEA,MAAa,aAAa,EACxB,WACA,eAII;AACJ,QACE,oBAAC,OAAD;EACE,WAAW,GACT,gFACA,UACD;EAEA;EACG,CAAA;;AAIV,MAAa,iBAAiB,EAC5B,WACA,OACA,aACA,QACA,WAOI;AACJ,QACE,qBAAC,OAAD;EACE,WAAW,GACT,gOACA,UACD;YAJH,CAMG,QACD,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACD,oBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA;IACN,oBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA;IACF;KACF"}