@revealui/presentation 0.2.0 → 0.3.2

package/dist/skeleton-Bb51IWbG.js

@@ -0,0 +1,520 @@
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
+}
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
+/**
+* Copyright 2022 Joe Bell. All rights reserved.
+*
+* This file is licensed to you under the Apache License, Version 2.0
+* (the "License"); you may not use this file except in compliance with the
+* License. You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+* WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the
+* License for the specific language governing permissions and limitations under
+* the License.
+*/ var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+var cx = clsx;
+var cva = (base, config) => (props) => {
+	var _config_compoundVariants;
+	if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+	const { variants, defaultVariants } = config;
+	const getVariantClassNames = Object.keys(variants).map((variant) => {
+		const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+		const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+		if (variantProp === null) return null;
+		const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+		return variants[variant][variantKey];
+	});
+	const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+		let [key, value] = param;
+		if (value === void 0) return acc;
+		acc[key] = value;
+		return acc;
+	}, {});
+	return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+		let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+		return Object.entries(compoundVariantOptions).every((param) => {
+			let [key, value] = param;
+			return Array.isArray(value) ? value.includes({
+				...defaultVariants,
+				...propsWithoutUndefined
+			}[key]) : {
+				...defaultVariants,
+				...propsWithoutUndefined
+			}[key] === value;
+		}) ? [
+			...acc,
+			cvClass,
+			cvClassName
+		] : acc;
+	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+};
+//#endregion
+//#region src/utils/cn.ts
+function cn(...inputs) {
+	const classes = [];
+	for (const input of inputs.flat()) {
+		if (!input) continue;
+		if (typeof input === "string" || typeof input === "number") {
+			classes.push(String(input));
+			continue;
+		}
+		if (typeof input === "object") {
+			for (const [key, value] of Object.entries(input)) if (value) classes.push(key);
+		}
+	}
+	return classes.join(" ").trim();
+}
+//#endregion
+//#region src/primitives/Slot.tsx
+/**
+* Slot component for polymorphic composition
+* Allows components to merge props with child elements
+*/
+function Slot({ children, asChild, ref, ...slotProps }) {
+	if (asChild && React.isValidElement(children)) return React.cloneElement(children, {
+		...slotProps,
+		...children.props,
+		ref
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...slotProps,
+		ref,
+		children
+	});
+}
+//#endregion
+//#region src/components/Button.tsx
+var buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			clear: "",
+			default: "h-10 px-4 py-2",
+			icon: "size-10",
+			lg: "h-11 rounded px-8",
+			sm: "h-9 rounded px-3"
+		},
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			ghost: "hover:bg-card hover:text-accent-foreground",
+			link: "text-primary items-start justify-start underline-offset-4 hover:underline",
+			outline: "border border-border bg-background hover:bg-card hover:text-accent-foreground",
+			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
+		}
+	}
+});
+function Button({ asChild = false, className, isLoading, size, variant, ref, children, disabled, ...props }) {
+	return /* @__PURE__ */ jsxs(asChild ? Slot : "button", {
+		className: cn(buttonVariants({
+			className,
+			size,
+			variant
+		})),
+		ref,
+		disabled: disabled || isLoading,
+		"aria-busy": isLoading || void 0,
+		...props,
+		children: [isLoading && /* @__PURE__ */ jsxs("svg", {
+			className: "mr-2 size-4 animate-spin",
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ jsx("circle", {
+				className: "opacity-25",
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: "currentColor",
+				strokeWidth: "4"
+			}), /* @__PURE__ */ jsx("path", {
+				className: "opacity-75",
+				fill: "currentColor",
+				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			})]
+		}), children]
+	});
+}
+//#endregion
+//#region src/components/breadcrumb.tsx
+function Breadcrumb({ items, separator, className }) {
+	const sep = separator ?? /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		className: "size-3.5 text-zinc-400",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M6 4l4 4-4 4",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Breadcrumb",
+		children: /* @__PURE__ */ jsx("ol", {
+			className: clsx("flex flex-wrap items-center gap-1.5 text-sm", className),
+			children: items.map((item, index) => {
+				const isLast = index === items.length - 1;
+				return /* @__PURE__ */ jsxs("li", {
+					className: "flex items-center gap-1.5",
+					children: [isLast || !item.href ? /* @__PURE__ */ jsx("span", {
+						"aria-current": isLast ? "page" : void 0,
+						className: clsx(isLast ? "font-medium text-zinc-950 dark:text-white" : "text-zinc-500 dark:text-zinc-400"),
+						children: item.label
+					}) : /* @__PURE__ */ jsx("a", {
+						href: item.href,
+						className: "text-zinc-500 transition-colors hover:text-zinc-950 dark:text-zinc-400 dark:hover:text-white",
+						children: item.label
+					}), !isLast && sep]
+				}, index);
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/empty-state.tsx
+function EmptyState({ icon, title, description, action, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("flex flex-col items-center justify-center rounded-xl border border-dashed border-zinc-300 px-6 py-16 text-center dark:border-zinc-700", className),
+		children: [
+			icon && /* @__PURE__ */ jsx("div", {
+				className: "mb-4 flex size-12 items-center justify-center rounded-full bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400",
+				children: icon
+			}),
+			/* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-semibold text-zinc-950 dark:text-white",
+				children: title
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 max-w-sm text-sm text-zinc-500 dark:text-zinc-400",
+				children: description
+			}),
+			action && /* @__PURE__ */ jsx("div", {
+				className: "mt-6",
+				children: action
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Pagination.tsx
+var ChevronLeft = ({ className }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		className: cn("size-6", className),
+		children: [/* @__PURE__ */ jsx("title", { children: "Previous page" }), /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M15.75 19.5 8.25 12l7.5-7.5"
+		})]
+	});
+};
+var ChevronRight = ({ className }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		className: cn("size-6", className),
+		children: [/* @__PURE__ */ jsx("title", { children: "Next page" }), /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "m8.25 4.5 7.5 7.5-7.5 7.5"
+		})]
+	});
+};
+var MoreHorizontal = ({ className }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 6",
+		className: cn("size-6", className),
+		children: [
+			/* @__PURE__ */ jsx("title", { children: "More pages" }),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "6",
+				cy: "3",
+				r: "3",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "3",
+				r: "3",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "18",
+				cy: "3",
+				r: "3",
+				fill: "currentColor"
+			})
+		]
+	});
+};
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
+	"aria-label": "pagination",
+	className: cn("mx-auto flex w-full justify-center", className),
+	...props
+});
+function PaginationContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: cn("flex flex-row items-center gap-1", className),
+		ref,
+		...props
+	});
+}
+function PaginationItem({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+var PaginationLink = ({ className, isActive, size = "icon", disabled, ...props }) => /* @__PURE__ */ jsx("button", {
+	"aria-current": isActive ? "page" : void 0,
+	"aria-disabled": disabled ? true : void 0,
+	disabled,
+	className: cn(buttonVariants({
+		size,
+		variant: isActive ? "outline" : "ghost"
+	}), className),
+	...props
+});
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to previous page",
+	className: cn("gap-1 pl-2.5", className),
+	size: "default",
+	...props,
+	children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Previous" })]
+});
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to next page",
+	className: cn("gap-1 pr-2.5", className),
+	size: "default",
+	...props,
+	children: [/* @__PURE__ */ jsx("span", { children: "Next" }), /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })]
+});
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"aria-hidden": true,
+	className: cn("flex h-9 w-9 items-center justify-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: "More pages"
+	})]
+});
+//#endregion
+//#region src/components/pricing-table.tsx
+function CheckIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		className: "h-4 w-4 shrink-0 text-blue-600 mt-0.5",
+		fill: "currentColor",
+		viewBox: "0 0 20 20",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+			clipRule: "evenodd"
+		})
+	});
+}
+function PricingTable({ tiers, currentTier, compact = false, onSelectTier, className }) {
+	if (compact) return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-4 sm:flex-row", className),
+		children: tiers.map((tier) => /* @__PURE__ */ jsx(PricingCardCompact, {
+			tier,
+			isCurrent: tier.id === currentTier,
+			onSelect: onSelectTier
+		}, tier.id))
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4", tiers.length === 3 && "lg:grid-cols-3", tiers.length === 2 && "lg:grid-cols-2 max-w-3xl mx-auto", className),
+		children: tiers.map((tier) => /* @__PURE__ */ jsx(PricingCardFull, {
+			tier,
+			isCurrent: tier.id === currentTier,
+			onSelect: onSelectTier
+		}, tier.id))
+	});
+}
+function PricingCardFull({ tier, isCurrent, onSelect }) {
+	const isHighlighted = tier.highlighted && !isCurrent;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative rounded-2xl bg-white p-8 shadow-lg dark:bg-zinc-900", isHighlighted ? "ring-2 ring-blue-600" : isCurrent ? "ring-2 ring-emerald-500" : "ring-1 ring-zinc-200 dark:ring-zinc-800"),
+		children: [
+			isHighlighted && /* @__PURE__ */ jsx("div", {
+				className: "absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-gradient-to-r from-blue-600 to-indigo-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg",
+				children: "Most Popular"
+			}),
+			isCurrent && /* @__PURE__ */ jsx("div", {
+				className: "absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg",
+				children: "Current Plan"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						className: "text-xl font-bold tracking-tight text-zinc-900 dark:text-white",
+						children: tier.name
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400",
+						children: tier.description
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "mt-6 flex items-baseline gap-x-1",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-4xl font-bold tracking-tight text-zinc-900 dark:text-white",
+							children: tier.price ?? "—"
+						}), tier.period && /* @__PURE__ */ jsx("span", {
+							className: "text-sm text-zinc-600 dark:text-zinc-400",
+							children: tier.period
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("ul", {
+				className: "mb-8 space-y-3",
+				children: tier.features.map((feature) => /* @__PURE__ */ jsxs("li", {
+					className: "flex items-start gap-x-3",
+					children: [/* @__PURE__ */ jsx(CheckIcon, {}), /* @__PURE__ */ jsx("span", {
+						className: "text-sm text-zinc-600 dark:text-zinc-400",
+						children: feature
+					})]
+				}, feature))
+			}),
+			onSelect ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onSelect(tier.id),
+				disabled: isCurrent,
+				className: cn("block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors", isCurrent ? "cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400" : isHighlighted ? "bg-blue-600 text-white hover:bg-blue-500 shadow-sm" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"),
+				children: isCurrent ? "Current Plan" : tier.cta
+			}) : /* @__PURE__ */ jsx("a", {
+				href: tier.ctaHref,
+				className: cn("block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors", isHighlighted ? "bg-blue-600 text-white hover:bg-blue-500 shadow-sm" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"),
+				children: tier.cta
+			})
+		]
+	});
+}
+function PricingCardCompact({ tier, isCurrent, onSelect }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex-1 rounded-xl p-5 shadow-sm dark:bg-zinc-900", isCurrent ? "ring-2 ring-emerald-500 bg-emerald-50/50 dark:bg-emerald-900/10" : tier.highlighted ? "ring-2 ring-blue-600 bg-blue-50/50 dark:bg-blue-900/10" : "ring-1 ring-zinc-200 bg-white dark:ring-zinc-800"),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-baseline justify-between gap-2",
+				children: [/* @__PURE__ */ jsx("h4", {
+					className: "text-sm font-bold text-zinc-900 dark:text-white",
+					children: tier.name
+				}), isCurrent && /* @__PURE__ */ jsx("span", {
+					className: "rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400",
+					children: "Current"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "mt-1 flex items-baseline gap-x-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-2xl font-bold text-zinc-900 dark:text-white",
+					children: tier.price ?? "—"
+				}), tier.period && /* @__PURE__ */ jsx("span", {
+					className: "text-xs text-zinc-500 dark:text-zinc-400",
+					children: tier.period
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2",
+				children: tier.description
+			}),
+			onSelect ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onSelect(tier.id),
+				disabled: isCurrent,
+				className: cn("mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors", isCurrent ? "cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400" : tier.highlighted ? "bg-blue-600 text-white hover:bg-blue-500" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"),
+				children: isCurrent ? "Current" : tier.cta
+			}) : /* @__PURE__ */ jsx("a", {
+				href: tier.ctaHref,
+				className: cn("mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors", tier.highlighted ? "bg-blue-600 text-white hover:bg-blue-500" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"),
+				children: tier.cta
+			})
+		]
+	});
+}
+//#endregion
+//#region src/primitives/Box.tsx
+/**
+* Box primitive - Basic container component
+*/
+function Box({ as: Component = "div", className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		...props,
+		className: clsx("animate-pulse rounded-md bg-zinc-200 dark:bg-zinc-700", className)
+	});
+}
+function SkeletonText({ lines = 3, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("space-y-2", className),
+		children: Array.from({ length: lines }).map((_, i) => {
+			return /* @__PURE__ */ jsx(Skeleton, { className: clsx("h-4", i === lines - 1 && lines > 1 ? "w-4/5" : "w-full") }, i);
+		})
+	});
+}
+function SkeletonCard({ className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("rounded-xl border border-zinc-200 p-4 dark:border-zinc-700", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-10 rounded-full" }), /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 space-y-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/3" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })]
+			})]
+		}), /* @__PURE__ */ jsx(SkeletonText, {
+			lines: 3,
+			className: "mt-4"
+		})]
+	});
+}
+//#endregion
+export { Slot as _, PricingTable as a, clsx as b, PaginationEllipsis as c, PaginationNext as d, PaginationPrevious as f, buttonVariants as g, Button as h, Box as i, PaginationItem as l, Breadcrumb as m, SkeletonCard as n, Pagination as o, EmptyState as p, SkeletonText as r, PaginationContent as s, Skeleton as t, PaginationLink as u, cn as v, cva as y };
+
+//# sourceMappingURL=skeleton-Bb51IWbG.js.map

package/dist/skeleton-Bb51IWbG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-Bb51IWbG.js","names":[],"sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/utils/cn.ts","../src/primitives/Slot.tsx","../src/components/Button.tsx","../src/components/breadcrumb.tsx","../src/components/empty-state.tsx","../src/components/Pagination.tsx","../src/components/pricing-table.tsx","../src/primitives/Box.tsx","../src/components/skeleton.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n","/**\n * Utility function for conditionally joining classNames together\n * Similar to clsx/classnames but simpler for Tailwind CSS usage\n */\ntype ClassValue = string | number | boolean | undefined | null | { [key: string]: boolean };\n\nexport function cn(...inputs: ClassValue[]): string {\n  const classes: string[] = [];\n\n  for (const input of inputs.flat()) {\n    if (!input) continue;\n\n    if (typeof input === 'string' || typeof input === 'number') {\n      classes.push(String(input));\n      continue;\n    }\n\n    if (typeof input === 'object') {\n      for (const [key, value] of Object.entries(input)) {\n        if (value) {\n          classes.push(key);\n        }\n      }\n    }\n  }\n\n  return classes.join(' ').trim();\n}\n","import React, { type Ref } from 'react';\n\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n  asChild?: boolean;\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Slot component for polymorphic composition\n * Allows components to merge props with child elements\n */\nfunction Slot({ children, asChild, ref, ...slotProps }: SlotProps) {\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(children, {\n      ...slotProps,\n      ...(children.props as Record<string, unknown>),\n      ref,\n    } as unknown as React.HTMLAttributes<HTMLElement>);\n  }\n\n  return (\n    <div {...slotProps} ref={ref as Ref<HTMLDivElement>}>\n      {children}\n    </div>\n  );\n}\n\nexport { Slot };\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport type React from 'react';\nimport { Slot } from '../primitives/Slot.js';\nimport { cn } from '../utils/cn.js';\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    defaultVariants: {\n      size: 'default',\n      variant: 'default',\n    },\n    variants: {\n      size: {\n        clear: '',\n        default: 'h-10 px-4 py-2',\n        icon: 'size-10',\n        lg: 'h-11 rounded px-8',\n        sm: 'h-9 rounded px-3',\n      },\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        ghost: 'hover:bg-card hover:text-accent-foreground',\n        link: 'text-primary items-start justify-start underline-offset-4 hover:underline',\n        outline: 'border border-border bg-background hover:bg-card hover:text-accent-foreground',\n        primary: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n      },\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  isLoading?: boolean;\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\nfunction Button({\n  asChild = false,\n  className,\n  isLoading,\n  size,\n  variant,\n  ref,\n  children,\n  disabled,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      className={cn(buttonVariants({ className, size, variant }))}\n      ref={ref}\n      disabled={disabled || isLoading}\n      aria-busy={isLoading || undefined}\n      {...props}\n    >\n      {isLoading && (\n        <svg\n          className=\"mr-2 size-4 animate-spin\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <circle\n            className=\"opacity-25\"\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            strokeWidth=\"4\"\n          />\n          <path\n            className=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n      )}\n      {children}\n    </Comp>\n  );\n}\n\nexport { Button, buttonVariants };\n","import clsx from 'clsx';\nimport type React from 'react';\n\nexport type BreadcrumbItem = {\n  label: React.ReactNode;\n  href?: string;\n};\n\nexport function Breadcrumb({\n  items,\n  separator,\n  className,\n}: {\n  items: BreadcrumbItem[];\n  separator?: React.ReactNode;\n  className?: string;\n}) {\n  const sep = separator ?? (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"size-3.5 text-zinc-400\">\n      <path\n        d=\"M6 4l4 4-4 4\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <nav aria-label=\"Breadcrumb\">\n      <ol className={clsx('flex flex-wrap items-center gap-1.5 text-sm', className)}>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1;\n          return (\n            // biome-ignore lint/suspicious/noArrayIndexKey: breadcrumb items are positionally ordered with no stable ID\n            <li key={index} className=\"flex items-center gap-1.5\">\n              {isLast || !item.href ? (\n                <span\n                  aria-current={isLast ? 'page' : undefined}\n                  className={clsx(\n                    isLast\n                      ? 'font-medium text-zinc-950 dark:text-white'\n                      : 'text-zinc-500 dark:text-zinc-400',\n                  )}\n                >\n                  {item.label}\n                </span>\n              ) : (\n                <a\n                  href={item.href}\n                  className=\"text-zinc-500 transition-colors hover:text-zinc-950 dark:text-zinc-400 dark:hover:text-white\"\n                >\n                  {item.label}\n                </a>\n              )}\n              {!isLast && sep}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n","import clsx from 'clsx';\nimport type React from 'react';\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n  className,\n}: {\n  icon?: React.ReactNode;\n  title: string;\n  description?: string;\n  action?: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div\n      className={clsx(\n        'flex flex-col items-center justify-center rounded-xl border border-dashed border-zinc-300 px-6 py-16 text-center dark:border-zinc-700',\n        className,\n      )}\n    >\n      {icon && (\n        <div className=\"mb-4 flex size-12 items-center justify-center rounded-full bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400\">\n          {icon}\n        </div>\n      )}\n      <h3 className=\"text-sm font-semibold text-zinc-950 dark:text-white\">{title}</h3>\n      {description && (\n        <p className=\"mt-1 max-w-sm text-sm text-zinc-500 dark:text-zinc-400\">{description}</p>\n      )}\n      {action && <div className=\"mt-6\">{action}</div>}\n    </div>\n  );\n}\n","import type * as React from 'react';\nimport { cn } from '../utils/cn.js';\nimport type { ButtonProps } from './Button.js';\nimport { buttonVariants } from './Button.js';\n\nconst ChevronLeft = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={1.5}\n      stroke=\"currentColor\"\n      className={cn('size-6', className)}\n    >\n      <title>Previous page</title>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 19.5 8.25 12l7.5-7.5\" />\n    </svg>\n  );\n};\n\nconst ChevronRight = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={1.5}\n      stroke=\"currentColor\"\n      className={cn('size-6', className)}\n    >\n      <title>Next page</title>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\" />\n    </svg>\n  );\n};\n\nconst MoreHorizontal = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 6\"\n      className={cn('size-6', className)}\n    >\n      <title>More pages</title>\n      <circle cx=\"6\" cy=\"3\" r=\"3\" fill=\"currentColor\" />\n      <circle cx=\"12\" cy=\"3\" r=\"3\" fill=\"currentColor\" />\n      <circle cx=\"18\" cy=\"3\" r=\"3\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n\nexport type PaginationProps = React.ComponentProps<'nav'>;\n\nconst Pagination = ({ className, ...props }: PaginationProps) => (\n  <nav\n    aria-label=\"pagination\"\n    className={cn('mx-auto flex w-full justify-center', className)}\n    {...props}\n  />\n);\n\nfunction PaginationContent({\n  className,\n  ref,\n  ...props\n}: React.ComponentProps<'ul'> & { ref?: React.Ref<HTMLUListElement> }) {\n  return <ul className={cn('flex flex-row items-center gap-1', className)} ref={ref} {...props} />;\n}\n\nfunction PaginationItem({\n  className,\n  ref,\n  ...props\n}: React.ComponentProps<'li'> & { ref?: React.Ref<HTMLLIElement> }) {\n  return <li className={cn('', className)} ref={ref} {...props} />;\n}\n\nexport interface PaginationLinkProps\n  extends Pick<ButtonProps, 'size'>,\n    React.ComponentProps<'button'> {\n  isActive?: boolean;\n}\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = 'icon',\n  disabled,\n  ...props\n}: PaginationLinkProps) => (\n  <button\n    aria-current={isActive ? 'page' : undefined}\n    aria-disabled={disabled ? true : undefined}\n    disabled={disabled}\n    className={cn(\n      buttonVariants({\n        size,\n        variant: isActive ? 'outline' : 'ghost',\n      }),\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type PaginationPreviousProps = React.ComponentProps<typeof PaginationLink>;\n\nconst PaginationPrevious = ({ className, ...props }: PaginationPreviousProps) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    className={cn('gap-1 pl-2.5', className)}\n    size=\"default\"\n    {...props}\n  >\n    <ChevronLeft className=\"size-4\" />\n    <span>Previous</span>\n  </PaginationLink>\n);\n\nexport type PaginationNextProps = React.ComponentProps<typeof PaginationLink>;\n\nconst PaginationNext = ({ className, ...props }: PaginationNextProps) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    className={cn('gap-1 pr-2.5', className)}\n    size=\"default\"\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className=\"size-4\" />\n  </PaginationLink>\n);\n\nexport type PaginationEllipsisProps = React.ComponentProps<'span'>;\n\nconst PaginationEllipsis = ({ className, ...props }: PaginationEllipsisProps) => (\n  <span\n    aria-hidden\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"size-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n","import { cn } from '../utils/cn.js';\n\n// =============================================================================\n// Types (mirrors @revealui/contracts/pricing — no import to avoid coupling)\n// =============================================================================\n\nexport interface PricingTier {\n  id: string;\n  name: string;\n  price?: string;\n  period?: string;\n  description: string;\n  features: string[];\n  cta: string;\n  ctaHref: string;\n  highlighted: boolean;\n}\n\nexport interface PricingTableProps {\n  tiers: PricingTier[];\n  /** Highlights the active plan tier */\n  currentTier?: string;\n  /** Compact (horizontal row) vs full (grid) layout */\n  compact?: boolean;\n  /** Callback when a tier is selected */\n  onSelectTier?: (id: string) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Check Icon (inline SVG — no external deps)\n// =============================================================================\n\nfunction CheckIcon() {\n  return (\n    <svg\n      className=\"h-4 w-4 shrink-0 text-blue-600 mt-0.5\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n// =============================================================================\n// PricingTable\n// =============================================================================\n\nexport function PricingTable({\n  tiers,\n  currentTier,\n  compact = false,\n  onSelectTier,\n  className,\n}: PricingTableProps) {\n  if (compact) {\n    return (\n      <div className={cn('flex flex-col gap-4 sm:flex-row', className)}>\n        {tiers.map((tier) => (\n          <PricingCardCompact\n            key={tier.id}\n            tier={tier}\n            isCurrent={tier.id === currentTier}\n            onSelect={onSelectTier}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4',\n        tiers.length === 3 && 'lg:grid-cols-3',\n        tiers.length === 2 && 'lg:grid-cols-2 max-w-3xl mx-auto',\n        className,\n      )}\n    >\n      {tiers.map((tier) => (\n        <PricingCardFull\n          key={tier.id}\n          tier={tier}\n          isCurrent={tier.id === currentTier}\n          onSelect={onSelectTier}\n        />\n      ))}\n    </div>\n  );\n}\n\n// =============================================================================\n// Full Card (marketing grid layout)\n// =============================================================================\n\nfunction PricingCardFull({\n  tier,\n  isCurrent,\n  onSelect,\n}: {\n  tier: PricingTier;\n  isCurrent: boolean;\n  onSelect?: (id: string) => void;\n}) {\n  const isHighlighted = tier.highlighted && !isCurrent;\n\n  return (\n    <div\n      className={cn(\n        'relative rounded-2xl bg-white p-8 shadow-lg dark:bg-zinc-900',\n        isHighlighted\n          ? 'ring-2 ring-blue-600'\n          : isCurrent\n            ? 'ring-2 ring-emerald-500'\n            : 'ring-1 ring-zinc-200 dark:ring-zinc-800',\n      )}\n    >\n      {isHighlighted && (\n        <div className=\"absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-gradient-to-r from-blue-600 to-indigo-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg\">\n          Most Popular\n        </div>\n      )}\n      {isCurrent && (\n        <div className=\"absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg\">\n          Current Plan\n        </div>\n      )}\n\n      <div className=\"mb-8\">\n        <h3 className=\"text-xl font-bold tracking-tight text-zinc-900 dark:text-white\">\n          {tier.name}\n        </h3>\n        <p className=\"mt-2 text-sm text-zinc-600 dark:text-zinc-400\">{tier.description}</p>\n        <p className=\"mt-6 flex items-baseline gap-x-1\">\n          <span className=\"text-4xl font-bold tracking-tight text-zinc-900 dark:text-white\">\n            {tier.price ?? '—'}\n          </span>\n          {tier.period && (\n            <span className=\"text-sm text-zinc-600 dark:text-zinc-400\">{tier.period}</span>\n          )}\n        </p>\n      </div>\n\n      <ul className=\"mb-8 space-y-3\">\n        {tier.features.map((feature) => (\n          <li key={feature} className=\"flex items-start gap-x-3\">\n            <CheckIcon />\n            <span className=\"text-sm text-zinc-600 dark:text-zinc-400\">{feature}</span>\n          </li>\n        ))}\n      </ul>\n\n      {onSelect ? (\n        <button\n          type=\"button\"\n          onClick={() => onSelect(tier.id)}\n          disabled={isCurrent}\n          className={cn(\n            'block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors',\n            isCurrent\n              ? 'cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400'\n              : isHighlighted\n                ? 'bg-blue-600 text-white hover:bg-blue-500 shadow-sm'\n                : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n          )}\n        >\n          {isCurrent ? 'Current Plan' : tier.cta}\n        </button>\n      ) : (\n        <a\n          href={tier.ctaHref}\n          className={cn(\n            'block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors',\n            isHighlighted\n              ? 'bg-blue-600 text-white hover:bg-blue-500 shadow-sm'\n              : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n          )}\n        >\n          {tier.cta}\n        </a>\n      )}\n    </div>\n  );\n}\n\n// =============================================================================\n// Compact Card (embeddable in dialogs/prompts)\n// =============================================================================\n\nfunction PricingCardCompact({\n  tier,\n  isCurrent,\n  onSelect,\n}: {\n  tier: PricingTier;\n  isCurrent: boolean;\n  onSelect?: (id: string) => void;\n}) {\n  return (\n    <div\n      className={cn(\n        'flex-1 rounded-xl p-5 shadow-sm dark:bg-zinc-900',\n        isCurrent\n          ? 'ring-2 ring-emerald-500 bg-emerald-50/50 dark:bg-emerald-900/10'\n          : tier.highlighted\n            ? 'ring-2 ring-blue-600 bg-blue-50/50 dark:bg-blue-900/10'\n            : 'ring-1 ring-zinc-200 bg-white dark:ring-zinc-800',\n      )}\n    >\n      <div className=\"flex items-baseline justify-between gap-2\">\n        <h4 className=\"text-sm font-bold text-zinc-900 dark:text-white\">{tier.name}</h4>\n        {isCurrent && (\n          <span className=\"rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400\">\n            Current\n          </span>\n        )}\n      </div>\n      <p className=\"mt-1 flex items-baseline gap-x-1\">\n        <span className=\"text-2xl font-bold text-zinc-900 dark:text-white\">\n          {tier.price ?? '—'}\n        </span>\n        {tier.period && (\n          <span className=\"text-xs text-zinc-500 dark:text-zinc-400\">{tier.period}</span>\n        )}\n      </p>\n      <p className=\"mt-1 text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2\">\n        {tier.description}\n      </p>\n\n      {onSelect ? (\n        <button\n          type=\"button\"\n          onClick={() => onSelect(tier.id)}\n          disabled={isCurrent}\n          className={cn(\n            'mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors',\n            isCurrent\n              ? 'cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400'\n              : tier.highlighted\n                ? 'bg-blue-600 text-white hover:bg-blue-500'\n                : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n          )}\n        >\n          {isCurrent ? 'Current' : tier.cta}\n        </button>\n      ) : (\n        <a\n          href={tier.ctaHref}\n          className={cn(\n            'mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors',\n            tier.highlighted\n              ? 'bg-blue-600 text-white hover:bg-blue-500'\n              : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n          )}\n        >\n          {tier.cta}\n        </a>\n      )}\n    </div>\n  );\n}\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: 'div' | 'span' | 'section' | 'article' | 'header' | 'footer' | 'main' | 'aside' | 'nav';\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Box primitive - Basic container component\n */\nfunction Box({ as: Component = 'div', className, ref, ...props }: BoxProps) {\n  return <Component ref={ref} className={cn(className)} {...props} />;\n}\n\nexport { Box };\n","import clsx from 'clsx';\nimport type React from 'react';\n\nexport function Skeleton({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      {...props}\n      className={clsx('animate-pulse rounded-md bg-zinc-200 dark:bg-zinc-700', className)}\n    />\n  );\n}\n\nexport function SkeletonText({ lines = 3, className }: { lines?: number; className?: string }) {\n  return (\n    <div className={clsx('space-y-2', className)}>\n      {Array.from({ length: lines }).map((_, i) => {\n        return (\n          <Skeleton\n            // biome-ignore lint/suspicious/noArrayIndexKey: skeleton lines are generated placeholders with no stable ID\n            key={i}\n            className={clsx('h-4', i === lines - 1 && lines > 1 ? 'w-4/5' : 'w-full')}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nexport function SkeletonCard({ className }: { className?: string }) {\n  return (\n    <div className={clsx('rounded-xl border border-zinc-200 p-4 dark:border-zinc-700', className)}>\n      <div className=\"flex items-center gap-3\">\n        <Skeleton className=\"size-10 rounded-full\" />\n        <div className=\"flex-1 space-y-2\">\n          <Skeleton className=\"h-4 w-1/3\" />\n          <Skeleton className=\"h-3 w-1/2\" />\n        </div>\n      </div>\n      <SkeletonText lines={3} className=\"mt-4\" />\n    </div>\n  );\n}\n"],"x_google_ignoreList":[0,1],"mappings":";;;AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;AAAG,KAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;UAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,EAAE,EAAC;EAAC,IAAI,IAAE,EAAE;AAAO,OAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,OAAK,IAAE,EAAE,EAAE,GAAG,MAAI,MAAI,KAAG,MAAK,KAAG;OAAQ,MAAI,KAAK,EAAE,GAAE,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,QAAO;;AAAE,SAAgB,OAAM;AAAC,MAAI,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,QAAM,IAAE,EAAE,EAAE,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,QAAO;;;;;;;;;;;;;;;;;;GCe9W,IAAM,iBAAiB,UAAQ,OAAO,UAAU,YAAY,GAAG,UAAU,UAAU,IAAI,MAAM;AAC7F,IAAa,KAAK;AAClB,IAAa,OAAO,MAAM,YAAU,UAAQ;CACpC,IAAI;AACJ,MAAK,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,aAAa,KAAM,QAAO,GAAG,MAAM,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,OAAO,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,UAAU;CACxN,MAAM,EAAE,UAAU,oBAAoB;CACtC,MAAM,uBAAuB,OAAO,KAAK,SAAS,CAAC,KAAK,YAAU;EAC9D,MAAM,cAAc,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM;EACxE,MAAM,qBAAqB,oBAAoB,QAAQ,oBAAoB,KAAK,IAAI,KAAK,IAAI,gBAAgB;AAC7G,MAAI,gBAAgB,KAAM,QAAO;EACjC,MAAM,aAAa,cAAc,YAAY,IAAI,cAAc,mBAAmB;AAClF,SAAO,SAAS,SAAS;GAC3B;CACF,MAAM,wBAAwB,SAAS,OAAO,QAAQ,MAAM,CAAC,QAAQ,KAAK,UAAQ;EAC9E,IAAI,CAAC,KAAK,SAAS;AACnB,MAAI,UAAU,KAAA,EACV,QAAO;AAEX,MAAI,OAAO;AACX,SAAO;IACR,EAAE,CAAC;AAkBN,QAAO,GAAG,MAAM,sBAjBqB,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,KAAK,2BAA2B,OAAO,sBAAsB,QAAQ,6BAA6B,KAAK,IAAI,KAAK,IAAI,yBAAyB,QAAQ,KAAK,UAAQ;EAC/O,IAAI,EAAE,OAAO,SAAS,WAAW,aAAa,GAAG,2BAA2B;AAC5E,SAAO,OAAO,QAAQ,uBAAuB,CAAC,OAAO,UAAQ;GACzD,IAAI,CAAC,KAAK,SAAS;AACnB,UAAO,MAAM,QAAQ,MAAM,GAAG,MAAM,SAAS;IACzC,GAAG;IACH,GAAG;IACN,CAAC,KAAK,GAAI;IACP,GAAG;IACH,GAAG;IACN,CAAE,SAAS;IACd,GAAG;GACD,GAAG;GACH;GACA;GACH,GAAG;IACL,EAAE,CAAC,EAC8D,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,OAAO,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,UAAU;;;;AC/CrM,SAAgB,GAAG,GAAG,QAA8B;CAClD,MAAM,UAAoB,EAAE;AAE5B,MAAK,MAAM,SAAS,OAAO,MAAM,EAAE;AACjC,MAAI,CAAC,MAAO;AAEZ,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;AAC1D,WAAQ,KAAK,OAAO,MAAM,CAAC;AAC3B;;AAGF,MAAI,OAAO,UAAU;QACd,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAAI,MACF,SAAQ,KAAK,IAAI;;;AAMzB,QAAO,QAAQ,KAAK,IAAI,CAAC,MAAM;;;;;;;;ACdjC,SAAS,KAAK,EAAE,UAAU,SAAS,KAAK,GAAG,aAAwB;AACjE,KAAI,WAAW,MAAM,eAAe,SAAS,CAC3C,QAAO,MAAM,aAAa,UAAU;EAClC,GAAG;EACH,GAAI,SAAS;EACb;EACD,CAAiD;AAGpD,QACE,oBAAC,OAAD;EAAK,GAAI;EAAgB;EACtB;EACG,CAAA;;;;ACnBV,IAAM,iBAAiB,IACrB,uRACA;CACE,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,OAAO;GACP,SAAS;GACT,MAAM;GACN,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACb,OAAO;GACP,MAAM;GACN,SAAS;GACT,SAAS;GACT,WAAW;GACZ;EACF;CACF,CACF;AAUD,SAAS,OAAO,EACd,UAAU,OACV,WACA,WACA,MACA,SACA,KACA,UACA,UACA,GAAG,SACW;AAEd,QACE,qBAFW,UAAU,OAAO,UAE5B;EACE,WAAW,GAAG,eAAe;GAAE;GAAW;GAAM;GAAS,CAAC,CAAC;EACtD;EACL,UAAU,YAAY;EACtB,aAAW,aAAa,KAAA;EACxB,GAAI;YALN,CAOG,aACC,qBAAC,OAAD;GACE,WAAU;GACV,OAAM;GACN,MAAK;GACL,SAAQ;GACR,eAAY;aALd,CAOE,oBAAC,UAAD;IACE,WAAU;IACV,IAAG;IACH,IAAG;IACH,GAAE;IACF,QAAO;IACP,aAAY;IACZ,CAAA,EACF,oBAAC,QAAD;IACE,WAAU;IACV,MAAK;IACL,GAAE;IACF,CAAA,CACE;MAEP,SACI;;;;;AC7EX,SAAgB,WAAW,EACzB,OACA,WACA,aAKC;CACD,MAAM,MAAM,aACV,oBAAC,OAAD;EAAK,eAAY;EAAO,SAAQ;EAAY,MAAK;EAAO,WAAU;YAChE,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,CAAA;EACE,CAAA;AAGR,QACE,oBAAC,OAAD;EAAK,cAAW;YACd,oBAAC,MAAD;GAAI,WAAW,KAAK,+CAA+C,UAAU;aAC1E,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,SAAS,UAAU,MAAM,SAAS;AACxC,WAEE,qBAAC,MAAD;KAAgB,WAAU;eAA1B,CACG,UAAU,CAAC,KAAK,OACf,oBAAC,QAAD;MACE,gBAAc,SAAS,SAAS,KAAA;MAChC,WAAW,KACT,SACI,8CACA,mCACL;gBAEA,KAAK;MACD,CAAA,GAEP,oBAAC,KAAD;MACE,MAAM,KAAK;MACX,WAAU;gBAET,KAAK;MACJ,CAAA,EAEL,CAAC,UAAU,IACT;OArBI,MAqBJ;KAEP;GACC,CAAA;EACD,CAAA;;;;AC1DV,SAAgB,WAAW,EACzB,MACA,OACA,aACA,QACA,aAOC;AACD,QACE,qBAAC,OAAD;EACE,WAAW,KACT,yIACA,UACD;YAJH;GAMG,QACC,oBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA;GAER,oBAAC,MAAD;IAAI,WAAU;cAAuD;IAAW,CAAA;GAC/E,eACC,oBAAC,KAAD;IAAG,WAAU;cAA0D;IAAgB,CAAA;GAExF,UAAU,oBAAC,OAAD;IAAK,WAAU;cAAQ;IAAa,CAAA;GAC3C;;;;;AC5BV,IAAM,eAAe,EAAE,gBAAwC;AAC7D,QACE,qBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,SAAQ;EACR,aAAa;EACb,QAAO;EACP,WAAW,GAAG,UAAU,UAAU;YANpC,CAQE,oBAAC,SAAD,EAAA,UAAO,iBAAqB,CAAA,EAC5B,oBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,GAAE;GAAgC,CAAA,CACjF;;;AAIV,IAAM,gBAAgB,EAAE,gBAAwC;AAC9D,QACE,qBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,SAAQ;EACR,aAAa;EACb,QAAO;EACP,WAAW,GAAG,UAAU,UAAU;YANpC,CAQE,oBAAC,SAAD,EAAA,UAAO,aAAiB,CAAA,EACxB,oBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,GAAE;GAA8B,CAAA,CAC/E;;;AAIV,IAAM,kBAAkB,EAAE,gBAAwC;AAChE,QACE,qBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,SAAQ;EACR,WAAW,GAAG,UAAU,UAAU;YAJpC;GAME,oBAAC,SAAD,EAAA,UAAO,cAAkB,CAAA;GACzB,oBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;IAAI,MAAK;IAAiB,CAAA;GAClD,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAI,GAAE;IAAI,MAAK;IAAiB,CAAA;GACnD,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAI,GAAE;IAAI,MAAK;IAAiB,CAAA;GAC/C;;;AAMV,IAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC,OAAD;CACE,cAAW;CACX,WAAW,GAAG,sCAAsC,UAAU;CAC9D,GAAI;CACJ,CAAA;AAGJ,SAAS,kBAAkB,EACzB,WACA,KACA,GAAG,SACkE;AACrE,QAAO,oBAAC,MAAD;EAAI,WAAW,GAAG,oCAAoC,UAAU;EAAO;EAAK,GAAI;EAAS,CAAA;;AAGlG,SAAS,eAAe,EACtB,WACA,KACA,GAAG,SAC+D;AAClE,QAAO,oBAAC,MAAD;EAAI,WAAW,GAAG,IAAI,UAAU;EAAO;EAAK,GAAI;EAAS,CAAA;;AASlE,IAAM,kBAAkB,EACtB,WACA,UACA,OAAO,QACP,UACA,GAAG,YAEH,oBAAC,UAAD;CACE,gBAAc,WAAW,SAAS,KAAA;CAClC,iBAAe,WAAW,OAAO,KAAA;CACvB;CACV,WAAW,GACT,eAAe;EACb;EACA,SAAS,WAAW,YAAY;EACjC,CAAC,EACF,UACD;CACD,GAAI;CACJ,CAAA;AAKJ,IAAM,sBAAsB,EAAE,WAAW,GAAG,YAC1C,qBAAC,gBAAD;CACE,cAAW;CACX,WAAW,GAAG,gBAAgB,UAAU;CACxC,MAAK;CACL,GAAI;WAJN,CAME,oBAAC,aAAD,EAAa,WAAU,UAAW,CAAA,EAClC,oBAAC,QAAD,EAAA,UAAM,YAAe,CAAA,CACN;;AAKnB,IAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,qBAAC,gBAAD;CACE,cAAW;CACX,WAAW,GAAG,gBAAgB,UAAU;CACxC,MAAK;CACL,GAAI;WAJN,CAME,oBAAC,QAAD,EAAA,UAAM,QAAW,CAAA,EACjB,oBAAC,cAAD,EAAc,WAAU,UAAW,CAAA,CACpB;;AAKnB,IAAM,sBAAsB,EAAE,WAAW,GAAG,YAC1C,qBAAC,QAAD;CACE,eAAA;CACA,WAAW,GAAG,4CAA4C,UAAU;CACpE,GAAI;WAHN,CAKE,oBAAC,gBAAD,EAAgB,WAAU,UAAW,CAAA,EACrC,oBAAC,QAAD;EAAM,WAAU;YAAU;EAAiB,CAAA,CACtC;;;;AChHT,SAAS,YAAY;AACnB,QACE,oBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,SAAQ;EACR,eAAY;YAEZ,oBAAC,QAAD;GACE,UAAS;GACT,GAAE;GACF,UAAS;GACT,CAAA;EACE,CAAA;;AAQV,SAAgB,aAAa,EAC3B,OACA,aACA,UAAU,OACV,cACA,aACoB;AACpB,KAAI,QACF,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,mCAAmC,UAAU;YAC7D,MAAM,KAAK,SACV,oBAAC,oBAAD;GAEQ;GACN,WAAW,KAAK,OAAO;GACvB,UAAU;GACV,EAJK,KAAK,GAIV,CACF;EACE,CAAA;AAIV,QACE,oBAAC,OAAD;EACE,WAAW,GACT,wDACA,MAAM,WAAW,KAAK,kBACtB,MAAM,WAAW,KAAK,oCACtB,UACD;YAEA,MAAM,KAAK,SACV,oBAAC,iBAAD;GAEQ;GACN,WAAW,KAAK,OAAO;GACvB,UAAU;GACV,EAJK,KAAK,GAIV,CACF;EACE,CAAA;;AAQV,SAAS,gBAAgB,EACvB,MACA,WACA,YAKC;CACD,MAAM,gBAAgB,KAAK,eAAe,CAAC;AAE3C,QACE,qBAAC,OAAD;EACE,WAAW,GACT,gEACA,gBACI,yBACA,YACE,4BACA,0CACP;YARH;GAUG,iBACC,oBAAC,OAAD;IAAK,WAAU;cAA2K;IAEpL,CAAA;GAEP,aACC,oBAAC,OAAD;IAAK,WAAU;cAA6I;IAEtJ,CAAA;GAGR,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,MAAD;MAAI,WAAU;gBACX,KAAK;MACH,CAAA;KACL,oBAAC,KAAD;MAAG,WAAU;gBAAiD,KAAK;MAAgB,CAAA;KACnF,qBAAC,KAAD;MAAG,WAAU;gBAAb,CACE,oBAAC,QAAD;OAAM,WAAU;iBACb,KAAK,SAAS;OACV,CAAA,EACN,KAAK,UACJ,oBAAC,QAAD;OAAM,WAAU;iBAA4C,KAAK;OAAc,CAAA,CAE/E;;KACA;;GAEN,oBAAC,MAAD;IAAI,WAAU;cACX,KAAK,SAAS,KAAK,YAClB,qBAAC,MAAD;KAAkB,WAAU;eAA5B,CACE,oBAAC,WAAD,EAAa,CAAA,EACb,oBAAC,QAAD;MAAM,WAAU;gBAA4C;MAAe,CAAA,CACxE;OAHI,QAGJ,CACL;IACC,CAAA;GAEJ,WACC,oBAAC,UAAD;IACE,MAAK;IACL,eAAe,SAAS,KAAK,GAAG;IAChC,UAAU;IACV,WAAW,GACT,yFACA,YACI,+FACA,gBACE,uDACA,yGACP;cAEA,YAAY,iBAAiB,KAAK;IAC5B,CAAA,GAET,oBAAC,KAAD;IACE,MAAM,KAAK;IACX,WAAW,GACT,yFACA,gBACI,uDACA,yGACL;cAEA,KAAK;IACJ,CAAA;GAEF;;;AAQV,SAAS,mBAAmB,EAC1B,MACA,WACA,YAKC;AACD,QACE,qBAAC,OAAD;EACE,WAAW,GACT,oDACA,YACI,oEACA,KAAK,cACH,2DACA,mDACP;YARH;GAUE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAmD,KAAK;KAAU,CAAA,EAC/E,aACC,oBAAC,QAAD;KAAM,WAAU;eAA4H;KAErI,CAAA,CAEL;;GACN,qBAAC,KAAD;IAAG,WAAU;cAAb,CACE,oBAAC,QAAD;KAAM,WAAU;eACb,KAAK,SAAS;KACV,CAAA,EACN,KAAK,UACJ,oBAAC,QAAD;KAAM,WAAU;eAA4C,KAAK;KAAc,CAAA,CAE/E;;GACJ,oBAAC,KAAD;IAAG,WAAU;cACV,KAAK;IACJ,CAAA;GAEH,WACC,oBAAC,UAAD;IACE,MAAK;IACL,eAAe,SAAS,KAAK,GAAG;IAChC,UAAU;IACV,WAAW,GACT,8FACA,YACI,+FACA,KAAK,cACH,6CACA,yGACP;cAEA,YAAY,YAAY,KAAK;IACvB,CAAA,GAET,oBAAC,KAAD;IACE,MAAM,KAAK;IACX,WAAW,GACT,8FACA,KAAK,cACD,6CACA,yGACL;cAEA,KAAK;IACJ,CAAA;GAEF;;;;;;;;AC7PV,SAAS,IAAI,EAAE,IAAI,YAAY,OAAO,WAAW,KAAK,GAAG,SAAmB;AAC1E,QAAO,oBAAC,WAAD;EAAgB;EAAK,WAAW,GAAG,UAAU;EAAE,GAAI;EAAS,CAAA;;;;ACTrE,SAAgB,SAAS,EAAE,WAAW,GAAG,SAAgD;AACvF,QACE,oBAAC,OAAD;EACE,eAAY;EACZ,GAAI;EACJ,WAAW,KAAK,yDAAyD,UAAU;EACnF,CAAA;;AAIN,SAAgB,aAAa,EAAE,QAAQ,GAAG,aAAqD;AAC7F,QACE,oBAAC,OAAD;EAAK,WAAW,KAAK,aAAa,UAAU;YACzC,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,MAAM;AAC3C,UACE,oBAAC,UAAD,EAGE,WAAW,KAAK,OAAO,MAAM,QAAQ,KAAK,QAAQ,IAAI,UAAU,SAAS,EACzE,EAFK,EAEL;IAEJ;EACE,CAAA;;AAIV,SAAgB,aAAa,EAAE,aAAqC;AAClE,QACE,qBAAC,OAAD;EAAK,WAAW,KAAK,8DAA8D,UAAU;YAA7F,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,UAAD,EAAU,WAAU,wBAAyB,CAAA,EAC7C,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,UAAD,EAAU,WAAU,aAAc,CAAA,EAClC,oBAAC,UAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;MACF;MACN,oBAAC,cAAD;GAAc,OAAO;GAAG,WAAU;GAAS,CAAA,CACvC"}