@psnext/design-system 1.1.0 → 1.2.0

package/dist/{ThemeProvider.cjs → Logo.cjs}

@@ -1,429 +1,4 @@
-const require_utils = require("./utils.cjs");
-let react = require("react");
-react = require_utils.__toESM(react);
-let lucide_react = require("lucide-react");
-let radix_ui = require("radix-ui");
 let react_jsx_runtime = require("react/jsx-runtime");
-let class_variance_authority = require("class-variance-authority");
-//#region src/primitives/Spinner/Spinner.tsx
-function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2Icon, {
-		role: "status",
-		"aria-label": "Loading",
-		"data-slot": "spinner",
-		className: require_utils.cn("size-4 animate-spin", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Button/Button.tsx
-const buttonVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-[background-color,color,border-color,box-shadow,opacity,transform] duration-150 ease-out active:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90",
-			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-			outline: "border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-			link: "text-primary underline-offset-4 hover:underline"
-		},
-		size: {
-			xs: "h-7 gap-1 px-2.5 text-xs has-[>svg]:px-2",
-			sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
-			default: "h-9 px-4 py-2 has-[>svg]:px-3",
-			lg: "h-10 px-6 has-[>svg]:px-4",
-			icon: "size-9"
-		},
-		shape: {
-			default: "rounded-full",
-			square: "rounded-md"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default",
-		shape: "default"
-	}
-});
-function Button({ className, variant, size, shape, asChild = false, loading = false, disabled, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? radix_ui.Slot.Root : "button", {
-		"data-slot": "button",
-		"data-loading": loading || void 0,
-		className: require_utils.cn(buttonVariants({
-			variant,
-			size,
-			shape,
-			className
-		})),
-		disabled: disabled || loading,
-		...props,
-		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, {}) : null, children] })
-	});
-}
-//#endregion
-//#region src/primitives/Avatar/Avatar.tsx
-function Avatar({ className, size = "default", shape = "round", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Avatar.Root, {
-		"data-slot": "avatar",
-		"data-size": size,
-		"data-shape": shape,
-		className: require_utils.cn("group/avatar relative flex size-10 shrink-0 overflow-hidden rounded-full select-none", "data-[size=sm]:size-8 data-[size=xs]:size-6 data-[size=xxs]:size-5", "data-[shape=roundrect]:rounded-lg", className),
-		...props
-	});
-}
-function AvatarImage({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Avatar.Image, {
-		"data-slot": "avatar-image",
-		className: require_utils.cn("aspect-square size-full", className),
-		...props
-	});
-}
-function AvatarFallback({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Avatar.Fallback, {
-		"data-slot": "avatar-fallback",
-		className: require_utils.cn("bg-muted flex size-full items-center justify-center rounded-full", "group-data-[shape=roundrect]/avatar:rounded-lg", "group-data-[size=sm]/avatar:text-sm group-data-[size=xs]/avatar:text-xs group-data-[size=xxs]/avatar:text-[10px]", className),
-		...props
-	});
-}
-function AvatarBadge({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		"data-slot": "avatar-badge",
-		className: require_utils.cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none", "group-data-[size=default]/avatar:size-3 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=sm]/avatar:size-2.5 group-data-[size=sm]/avatar:[&>svg]:size-2", "group-data-[size=xs]/avatar:size-2 group-data-[size=xs]/avatar:[&>svg]:size-1.5", "group-data-[size=xxs]/avatar:size-1.5 group-data-[size=xxs]/avatar:[&>svg]:size-1", className),
-		...props
-	});
-}
-function AvatarGroup({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "avatar-group",
-		className: require_utils.cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
-		...props
-	});
-}
-function AvatarGroupCount({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "avatar-group-count",
-		className: require_utils.cn("relative flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=sm]/avatar-group:size-8 [&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-4", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Card/Card.tsx
-const cardVariants = (0, class_variance_authority.cva)("flex flex-col gap-6 rounded-xl border text-card-foreground", {
-	variants: {
-		variant: {
-			default: "bg-card",
-			glass: "border-transparent backdrop-blur-[var(--glass-blur)]"
-		},
-		tint: {
-			subtle: "",
-			light: "",
-			medium: "",
-			heavy: ""
-		}
-	},
-	compoundVariants: [
-		{
-			variant: "glass",
-			tint: "subtle",
-			class: "bg-[var(--glass-subtle)]"
-		},
-		{
-			variant: "glass",
-			tint: "light",
-			class: "bg-[var(--glass-light)]"
-		},
-		{
-			variant: "glass",
-			tint: "medium",
-			class: "bg-[var(--glass-medium)]"
-		},
-		{
-			variant: "glass",
-			tint: "heavy",
-			class: "bg-[var(--glass-heavy)]"
-		}
-	],
-	defaultVariants: {
-		variant: "default",
-		tint: "light"
-	}
-});
-function Card({ className, variant, tint, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "card",
-		"data-variant": variant ?? "default",
-		className: require_utils.cn(cardVariants({
-			variant,
-			tint
-		}), className),
-		...props
-	});
-}
-function CardHeader({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "card-header",
-		className: require_utils.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
-		...props
-	});
-}
-function CardTitle({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-		"data-slot": "card-title",
-		className: require_utils.cn("leading-none", className),
-		...props
-	});
-}
-function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		"data-slot": "card-description",
-		className: require_utils.cn("text-muted-foreground", className),
-		...props
-	});
-}
-function CardAction({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "card-action",
-		className: require_utils.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-		...props
-	});
-}
-function CardContent({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "card-content",
-		className: require_utils.cn("px-6 [&:last-child]:pb-6", className),
-		...props
-	});
-}
-function CardFooter({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "card-footer",
-		className: require_utils.cn("flex items-center px-6 pb-6 [.border-t]:pt-6", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Credits/Credits.tsx
-const creditsVariants = (0, class_variance_authority.cva)("inline-flex w-fit items-center gap-1 rounded-full px-2.5 py-0.5 text-sm font-medium tabular-nums whitespace-nowrap [&>svg]:size-3.5 [&>svg]:shrink-0", {
-	variants: { variant: {
-		default: "bg-muted text-foreground [&>svg]:text-muted-foreground",
-		warning: "bg-[var(--bg-warning-subtle)] text-[var(--content-warning-bold)]",
-		critical: "bg-[var(--bg-error-subtle)] text-[var(--content-error-bold)]"
-	} },
-	defaultVariants: { variant: "default" }
-});
-/** Escalate the variant as the balance drops. */
-function resolveVariant(value, lowThreshold) {
-	if (value <= 0) return "critical";
-	if (value <= lowThreshold) return "warning";
-	return "default";
-}
-/** Whole-number, thousands-separated (e.g. 9995.79 → "9,995"). */
-function formatCredits(value) {
-	return Math.floor(value).toLocaleString();
-}
-function Credits({ className, value, variant, lowThreshold = 200, icon, format = formatCredits, ...props }) {
-	const resolved = variant ?? resolveVariant(value, lowThreshold);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		"data-slot": "credits",
-		"data-variant": resolved,
-		className: require_utils.cn(creditsVariants({ variant: resolved }), className),
-		...props,
-		children: [icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CirclePlus, { "aria-hidden": "true" }), format(value)]
-	});
-}
-//#endregion
-//#region src/primitives/DropdownMenu/DropdownMenu.tsx
-function DropdownMenu({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Root, {
-		"data-slot": "dropdown-menu",
-		...props
-	});
-}
-function DropdownMenuPortal({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		...props
-	});
-}
-function DropdownMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		...props
-	});
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Content, {
-		"data-slot": "dropdown-menu-content",
-		sideOffset,
-		className: require_utils.cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className),
-		...props
-	}) });
-}
-function DropdownMenuGroup({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Group, {
-		"data-slot": "dropdown-menu-group",
-		...props
-	});
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Item, {
-		"data-slot": "dropdown-menu-item",
-		"data-inset": inset,
-		"data-variant": variant,
-		className: require_utils.cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className),
-		...props
-	});
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.DropdownMenu.CheckboxItem, {
-		"data-slot": "dropdown-menu-checkbox-item",
-		className: require_utils.cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		checked,
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "size-4" }) })
-		}), children]
-	});
-}
-function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.DropdownMenu.RadioItem, {
-		"data-slot": "dropdown-menu-radio-item",
-		className: require_utils.cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleIcon, { className: "size-2 fill-current" }) })
-		}), children]
-	});
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Label, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		className: require_utils.cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
-		...props
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Separator, {
-		"data-slot": "dropdown-menu-separator",
-		className: require_utils.cn("-mx-1 my-1 h-px bg-border", className),
-		...props
-	});
-}
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		"data-slot": "dropdown-menu-shortcut",
-		className: require_utils.cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
-		...props
-	});
-}
-function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.Sub, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.DropdownMenu.SubTrigger, {
-		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": inset,
-		className: require_utils.cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
-		...props,
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, { className: "ml-auto size-4" })]
-	});
-}
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.DropdownMenu.SubContent, {
-		"data-slot": "dropdown-menu-sub-content",
-		className: require_utils.cn("z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Heading/Heading.tsx
-const headingVariants = (0, class_variance_authority.cva)("font-heading text-balance", {
-	variants: {
-		size: {
-			"1": "text-[length:var(--heading-1-font-size)] leading-[var(--heading-1-line-height)] font-normal",
-			"2": "text-[length:var(--heading-2-font-size)] leading-[var(--heading-2-line-height)] font-normal",
-			"3": "text-[length:var(--heading-3-font-size)] leading-[var(--heading-3-line-height)] font-normal",
-			"4": "text-[length:var(--heading-4-font-size)] leading-[var(--heading-4-line-height)] font-normal",
-			"5": "text-[length:var(--heading-5-font-size)] leading-[var(--heading-5-line-height)] font-medium",
-			"6": "text-[length:var(--heading-6-font-size)] leading-[var(--heading-6-line-height)] font-medium",
-			"7": "text-[length:var(--heading-7-font-size)] leading-[var(--heading-7-line-height)] font-medium"
-		},
-		weight: {
-			normal: "font-normal",
-			medium: "font-medium",
-			semibold: "font-semibold"
-		},
-		align: {
-			left: "text-left",
-			center: "text-center",
-			right: "text-right"
-		},
-		gradient: {
-			true: "bg-gradient-to-r from-[var(--gradient-heading-from)] to-[var(--gradient-heading-to)] bg-clip-text text-transparent",
-			false: "text-foreground"
-		}
-	},
-	defaultVariants: {
-		size: "2",
-		gradient: false
-	}
-});
-function Heading({ as, className, size, weight, align, gradient, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as ?? "h2", {
-		"data-slot": "heading",
-		className: require_utils.cn(headingVariants({
-			size,
-			weight,
-			align,
-			gradient
-		}), className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Input/Input.tsx
-const inputVariants = (0, class_variance_authority.cva)(require_utils.cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input bg-input-background flex w-full min-w-0 border transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"), {
-	variants: {
-		size: {
-			xs: "h-6 px-2 py-0.5 text-xs file:h-5 file:text-xs",
-			sm: "h-8 px-2.5 py-1 text-sm file:h-6 file:text-xs",
-			default: "h-9 px-3 py-1 text-base md:text-sm file:h-7 file:text-sm",
-			lg: "h-10 px-4 py-2 text-base file:h-8 file:text-sm"
-		},
-		shape: {
-			default: "rounded-md",
-			round: "rounded-full"
-		}
-	},
-	defaultVariants: {
-		size: "default",
-		shape: "default"
-	}
-});
-function Input({ className, type, size, shape, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		type,
-		"data-slot": "input",
-		className: require_utils.cn(inputVariants({
-			size,
-			shape
-		}), className),
-		...props
-	});
-}
-//#endregion
 //#region src/primitives/Logo/marks/bodhi-icon.tsx
 function BodhiIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -1217,6 +792,7 @@ const MARKS = {
 		icon: PSAILogo
 	}
 };
+/** Renders a product's brand mark (wordmark or compact icon) as an inline SVG. */
 function Logo({ brand, variant = "logo", ...props }) {
 	const Mark = MARKS[brand][variant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mark, {
@@ -1227,660 +803,11 @@ function Logo({ brand, variant = "logo", ...props }) {
 	});
 }
 //#endregion
-//#region src/primitives/Popover/Popover.tsx
-function Popover({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Root, {
-		"data-slot": "popover",
-		...props
-	});
-}
-function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Content, {
-		"data-slot": "popover-content",
-		align,
-		sideOffset,
-		className: require_utils.cn("z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-card p-4 text-card-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className),
-		...props
-	}) });
-}
-function PopoverAnchor({ ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Anchor, {
-		"data-slot": "popover-anchor",
-		...props
-	});
-}
-function PopoverHeader({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "popover-header",
-		className: require_utils.cn("flex flex-col gap-1 text-sm", className),
-		...props
-	});
-}
-function PopoverTitle({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "popover-title",
-		className: require_utils.cn("font-medium", className),
-		...props
-	});
-}
-function PopoverDescription({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		"data-slot": "popover-description",
-		className: require_utils.cn("text-muted-foreground", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Skeleton/Skeleton.tsx
-function Skeleton({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "skeleton",
-		className: require_utils.cn("skeleton-shimmer rounded-md", className),
-		...props
-	});
-}
-function SkeletonAvatar({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Skeleton, {
-		"data-slot": "skeleton-avatar",
-		className: require_utils.cn("size-10 rounded-full", className),
-		...props
-	});
-}
-function SkeletonLine({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Skeleton, {
-		"data-slot": "skeleton-line",
-		className: require_utils.cn("h-4 w-full rounded-full", className),
-		...props
-	});
-}
-function SkeletonObject({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Skeleton, {
-		"data-slot": "skeleton-object",
-		className: require_utils.cn("h-24 w-full rounded-md", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Table/Table.tsx
-function Table({ className, striped = false, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "table-container",
-		className: "relative w-full overflow-x-auto",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
-			"data-slot": "table",
-			"data-striped": striped || void 0,
-			className: require_utils.cn("w-full caption-bottom text-sm", striped && "[&_tbody_tr:nth-child(even)]:bg-muted/50", className),
-			...props
-		})
-	});
-}
-function TableHeader({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
-		"data-slot": "table-header",
-		className: require_utils.cn("[&_tr]:border-b", className),
-		...props
-	});
-}
-function TableBody({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
-		"data-slot": "table-body",
-		className: require_utils.cn("[&_tr:last-child]:border-0", className),
-		...props
-	});
-}
-function TableFooter({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
-		"data-slot": "table-footer",
-		className: require_utils.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
-		...props
-	});
-}
-function TableRow({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
-		"data-slot": "table-row",
-		className: require_utils.cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
-		...props
-	});
-}
-function TableHead({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-		"data-slot": "table-head",
-		className: require_utils.cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-		...props
-	});
-}
-function TableCell({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-		"data-slot": "table-cell",
-		className: require_utils.cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-		...props
-	});
-}
-function TableCaption({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
-		"data-slot": "table-caption",
-		className: require_utils.cn("mt-4 text-sm text-muted-foreground", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Text/Text.tsx
-const textVariants = (0, class_variance_authority.cva)("", {
-	variants: {
-		size: {
-			large: "text-[length:var(--paragraph-large-font-size)] leading-[var(--paragraph-large-line-height)]",
-			regular: "text-[length:var(--paragraph-regular-font-size)] leading-[var(--paragraph-regular-line-height)]",
-			small: "text-[length:var(--paragraph-small-font-size)] leading-[var(--paragraph-small-line-height)]",
-			mini: "text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]",
-			caption: "text-[length:var(--caption-font-size)] leading-[var(--caption-line-height)] tracking-[var(--caption-letter-spacing)] uppercase"
-		},
-		weight: {
-			normal: "font-normal",
-			medium: "font-medium",
-			semibold: "font-semibold"
-		},
-		variant: {
-			default: "text-foreground",
-			muted: "text-muted-foreground",
-			primary: "text-primary",
-			destructive: "text-destructive",
-			success: "text-[var(--content-success)]"
-		},
-		font: {
-			body: "font-sans",
-			heading: "font-heading",
-			mono: "font-mono"
-		},
-		align: {
-			left: "text-left",
-			center: "text-center",
-			right: "text-right"
-		},
-		truncate: { true: "truncate" }
-	},
-	defaultVariants: {
-		size: "regular",
-		weight: "normal",
-		variant: "default",
-		font: "body"
-	}
-});
-function Text({ as, className, size, weight, variant, font, align, truncate, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as ?? "p", {
-		"data-slot": "text",
-		className: require_utils.cn(textVariants({
-			size,
-			weight,
-			variant,
-			font,
-			align,
-			truncate
-		}), className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/ThemeProvider/ThemeProvider.tsx
-const PRODUCTS = [
-	"slingshot",
-	"sustain",
-	"bodhi",
-	"psai"
-];
-const ThemeContext = react.createContext(null);
-const DEFAULT_STORAGE_KEY = "ds-theme-preferences";
-function readStored(storageKey) {
-	try {
-		const raw = localStorage.getItem(storageKey);
-		if (!raw) return {};
-		const parsed = JSON.parse(raw);
-		return {
-			theme: parsed.theme === "dark" || parsed.theme === "light" ? parsed.theme : void 0,
-			product: PRODUCTS.includes(parsed.product) ? parsed.product : void 0
-		};
-	} catch {
-		return {};
-	}
-}
-function prefersDark() {
-	try {
-		return window.matchMedia("(prefers-color-scheme: dark)").matches;
-	} catch {
-		return false;
-	}
-}
-function applyToDocument({ theme, product }) {
-	const root = document.documentElement;
-	root.classList.toggle("dark", theme === "dark");
-	for (const p of PRODUCTS) root.classList.toggle(`theme-${p}`, p === product);
-}
-function ThemeProvider({ children, defaultTheme = "light", defaultProduct = "slingshot", storageKey = DEFAULT_STORAGE_KEY }) {
-	const [prefs, setPrefs] = react.useState(() => {
-		if (typeof window === "undefined") return {
-			theme: defaultTheme,
-			product: defaultProduct
-		};
-		const stored = readStored(storageKey);
-		return {
-			theme: stored.theme ?? (prefersDark() ? "dark" : defaultTheme),
-			product: stored.product ?? defaultProduct
-		};
-	});
-	react.useEffect(() => {
-		applyToDocument(prefs);
-		try {
-			localStorage.setItem(storageKey, JSON.stringify(prefs));
-		} catch {}
-	}, [prefs, storageKey]);
-	const value = react.useMemo(() => ({
-		...prefs,
-		setTheme: (theme) => setPrefs((p) => ({
-			...p,
-			theme
-		})),
-		toggleTheme: () => setPrefs((p) => ({
-			...p,
-			theme: p.theme === "dark" ? "light" : "dark"
-		})),
-		setProduct: (product) => setPrefs((p) => ({
-			...p,
-			product
-		}))
-	}), [prefs]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext.Provider, {
-		value,
-		children
-	});
-}
-function useTheme() {
-	const ctx = react.useContext(ThemeContext);
-	if (!ctx) throw new Error("useTheme must be used within a <ThemeProvider>.");
-	return ctx;
-}
-//#endregion
-Object.defineProperty(exports, "Avatar", {
-	enumerable: true,
-	get: function() {
-		return Avatar;
-	}
-});
-Object.defineProperty(exports, "AvatarBadge", {
-	enumerable: true,
-	get: function() {
-		return AvatarBadge;
-	}
-});
-Object.defineProperty(exports, "AvatarFallback", {
-	enumerable: true,
-	get: function() {
-		return AvatarFallback;
-	}
-});
-Object.defineProperty(exports, "AvatarGroup", {
-	enumerable: true,
-	get: function() {
-		return AvatarGroup;
-	}
-});
-Object.defineProperty(exports, "AvatarGroupCount", {
-	enumerable: true,
-	get: function() {
-		return AvatarGroupCount;
-	}
-});
-Object.defineProperty(exports, "AvatarImage", {
-	enumerable: true,
-	get: function() {
-		return AvatarImage;
-	}
-});
-Object.defineProperty(exports, "Button", {
-	enumerable: true,
-	get: function() {
-		return Button;
-	}
-});
-Object.defineProperty(exports, "Card", {
-	enumerable: true,
-	get: function() {
-		return Card;
-	}
-});
-Object.defineProperty(exports, "CardAction", {
-	enumerable: true,
-	get: function() {
-		return CardAction;
-	}
-});
-Object.defineProperty(exports, "CardContent", {
-	enumerable: true,
-	get: function() {
-		return CardContent;
-	}
-});
-Object.defineProperty(exports, "CardDescription", {
-	enumerable: true,
-	get: function() {
-		return CardDescription;
-	}
-});
-Object.defineProperty(exports, "CardFooter", {
-	enumerable: true,
-	get: function() {
-		return CardFooter;
-	}
-});
-Object.defineProperty(exports, "CardHeader", {
-	enumerable: true,
-	get: function() {
-		return CardHeader;
-	}
-});
-Object.defineProperty(exports, "CardTitle", {
-	enumerable: true,
-	get: function() {
-		return CardTitle;
-	}
-});
-Object.defineProperty(exports, "Credits", {
-	enumerable: true,
-	get: function() {
-		return Credits;
-	}
-});
-Object.defineProperty(exports, "DropdownMenu", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenu;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuCheckboxItem", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuCheckboxItem;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuContent", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuContent;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuGroup", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuGroup;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuItem", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuItem;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuLabel", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuLabel;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuPortal", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuPortal;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuRadioGroup", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuRadioGroup;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuRadioItem", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuRadioItem;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuSeparator", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuSeparator;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuShortcut", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuShortcut;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuSub", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuSub;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuSubContent", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuSubContent;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuSubTrigger", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuSubTrigger;
-	}
-});
-Object.defineProperty(exports, "DropdownMenuTrigger", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenuTrigger;
-	}
-});
-Object.defineProperty(exports, "Heading", {
-	enumerable: true,
-	get: function() {
-		return Heading;
-	}
-});
-Object.defineProperty(exports, "Input", {
-	enumerable: true,
-	get: function() {
-		return Input;
-	}
-});
 Object.defineProperty(exports, "Logo", {
 	enumerable: true,
 	get: function() {
 		return Logo;
 	}
 });
-Object.defineProperty(exports, "Popover", {
-	enumerable: true,
-	get: function() {
-		return Popover;
-	}
-});
-Object.defineProperty(exports, "PopoverAnchor", {
-	enumerable: true,
-	get: function() {
-		return PopoverAnchor;
-	}
-});
-Object.defineProperty(exports, "PopoverContent", {
-	enumerable: true,
-	get: function() {
-		return PopoverContent;
-	}
-});
-Object.defineProperty(exports, "PopoverDescription", {
-	enumerable: true,
-	get: function() {
-		return PopoverDescription;
-	}
-});
-Object.defineProperty(exports, "PopoverHeader", {
-	enumerable: true,
-	get: function() {
-		return PopoverHeader;
-	}
-});
-Object.defineProperty(exports, "PopoverTitle", {
-	enumerable: true,
-	get: function() {
-		return PopoverTitle;
-	}
-});
-Object.defineProperty(exports, "PopoverTrigger", {
-	enumerable: true,
-	get: function() {
-		return PopoverTrigger;
-	}
-});
-Object.defineProperty(exports, "Skeleton", {
-	enumerable: true,
-	get: function() {
-		return Skeleton;
-	}
-});
-Object.defineProperty(exports, "SkeletonAvatar", {
-	enumerable: true,
-	get: function() {
-		return SkeletonAvatar;
-	}
-});
-Object.defineProperty(exports, "SkeletonLine", {
-	enumerable: true,
-	get: function() {
-		return SkeletonLine;
-	}
-});
-Object.defineProperty(exports, "SkeletonObject", {
-	enumerable: true,
-	get: function() {
-		return SkeletonObject;
-	}
-});
-Object.defineProperty(exports, "Spinner", {
-	enumerable: true,
-	get: function() {
-		return Spinner;
-	}
-});
-Object.defineProperty(exports, "Table", {
-	enumerable: true,
-	get: function() {
-		return Table;
-	}
-});
-Object.defineProperty(exports, "TableBody", {
-	enumerable: true,
-	get: function() {
-		return TableBody;
-	}
-});
-Object.defineProperty(exports, "TableCaption", {
-	enumerable: true,
-	get: function() {
-		return TableCaption;
-	}
-});
-Object.defineProperty(exports, "TableCell", {
-	enumerable: true,
-	get: function() {
-		return TableCell;
-	}
-});
-Object.defineProperty(exports, "TableFooter", {
-	enumerable: true,
-	get: function() {
-		return TableFooter;
-	}
-});
-Object.defineProperty(exports, "TableHead", {
-	enumerable: true,
-	get: function() {
-		return TableHead;
-	}
-});
-Object.defineProperty(exports, "TableHeader", {
-	enumerable: true,
-	get: function() {
-		return TableHeader;
-	}
-});
-Object.defineProperty(exports, "TableRow", {
-	enumerable: true,
-	get: function() {
-		return TableRow;
-	}
-});
-Object.defineProperty(exports, "Text", {
-	enumerable: true,
-	get: function() {
-		return Text;
-	}
-});
-Object.defineProperty(exports, "ThemeContext", {
-	enumerable: true,
-	get: function() {
-		return ThemeContext;
-	}
-});
-Object.defineProperty(exports, "ThemeProvider", {
-	enumerable: true,
-	get: function() {
-		return ThemeProvider;
-	}
-});
-Object.defineProperty(exports, "buttonVariants", {
-	enumerable: true,
-	get: function() {
-		return buttonVariants;
-	}
-});
-Object.defineProperty(exports, "cardVariants", {
-	enumerable: true,
-	get: function() {
-		return cardVariants;
-	}
-});
-Object.defineProperty(exports, "creditsVariants", {
-	enumerable: true,
-	get: function() {
-		return creditsVariants;
-	}
-});
-Object.defineProperty(exports, "headingVariants", {
-	enumerable: true,
-	get: function() {
-		return headingVariants;
-	}
-});
-Object.defineProperty(exports, "inputVariants", {
-	enumerable: true,
-	get: function() {
-		return inputVariants;
-	}
-});
-Object.defineProperty(exports, "textVariants", {
-	enumerable: true,
-	get: function() {
-		return textVariants;
-	}
-});
-Object.defineProperty(exports, "useTheme", {
-	enumerable: true,
-	get: function() {
-		return useTheme;
-	}
-});
 
-//# sourceMappingURL=ThemeProvider.cjs.map
+//# sourceMappingURL=Logo.cjs.map