@tulip-systems/core 0.8.2 → 0.9.0

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

@@ -0,0 +1,118 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { Separator as Separator$1 } from "./separator.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+
+//#region src/components/ui/item.tsx
+function ItemGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: cn("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
+		...props
+	});
+}
+function ItemSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: cn("my-2", className),
+		...props
+	});
+}
+const itemVariants = cva("[a]:hover:bg-muted rounded-lg border text-sm group/item flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors", {
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "bg-muted/50 border-transparent"
+		},
+		size: {
+			default: "gap-2.5 px-3 py-2.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "div", {
+		"data-slot": "item",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(itemVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+const itemMediaVariants = cva("gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function ItemMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-media",
+		"data-variant": variant,
+		className: cn(itemMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function ItemContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-content",
+		className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
+		...props
+	});
+}
+function ItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-title",
+		className: cn("line-clamp-1 flex w-fit items-center gap-2 font-medium text-sm leading-snug underline-offset-4", className),
+		...props
+	});
+}
+function ItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "item-description",
+		className: cn("line-clamp-2 text-left font-normal text-muted-foreground text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function ItemActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-actions",
+		className: cn("flex items-center gap-2", className),
+		...props
+	});
+}
+function ItemHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-header",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+function ItemFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-footer",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/kbd.d.ts
+declare function Kbd({
+  className,
+  ...props
+}: React.ComponentProps<"kbd">): react_jsx_runtime0.JSX.Element;
+declare function KbdGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Kbd, KbdGroup };

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

@@ -0,0 +1,21 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ui/kbd.tsx
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd",
+		className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm bg-muted in-data-[slot=tooltip-content]:bg-background/20 px-1 font-medium font-sans in-data-[slot=tooltip-content]:text-background text-muted-foreground text-xs dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3", className),
+		...props
+	});
+}
+function KbdGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd-group",
+		className: cn("inline-flex items-center gap-1", className),
+		...props
+	});
+}
+
+//#endregion
+export { Kbd, KbdGroup };

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Label } from "radix-ui";
+import * as React$1 from "react";
+
+//#region src/components/ui/label.d.ts
+declare function Label$1({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Label.Root>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Label$1 as Label };

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

@@ -0,0 +1,17 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Label } from "radix-ui";
+
+//#region src/components/ui/label.tsx
+function Label$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label.Root, {
+		"data-slot": "label",
+		className: cn("flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+export { Label$1 as Label };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/loader.d.ts
+declare function Loader(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Loader };

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

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ui/loader.tsx
+function Loader() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 120.09 141.73",
+		className: "w-16",
+		children: [
+			/* @__PURE__ */ jsx("title", { children: "Tulip Logo Icon" }),
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "tulip-logo-icon-gradient",
+					x1: "60.5",
+					y1: "0",
+					x2: "60.5",
+					y2: "141.73",
+					gradientUnits: "userSpaceOnUse",
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "#ffc754"
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#ff1800"
+					})]
+				}),
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: "tulip-logo-icon-gradient-2",
+					x1: "72.4",
+					y1: "5.81",
+					x2: "72.4",
+					y2: "141.73",
+					xlinkHref: "#tulip-logo-icon-gradient"
+				}),
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: "tulip-logo-icon-gradient-3",
+					x1: "47.69",
+					y1: "5.81",
+					x2: "47.69",
+					y2: "141.73",
+					xlinkHref: "#tulip-logo-icon-gradient"
+				})
+			] }),
+			/* @__PURE__ */ jsxs("g", { children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M107.88,93.09c0-35.95-47.38-93.09-47.38-93.09,0,0-47.39,57.14-47.38,93.09,0,26.17,21.21,48.64,47.38,48.64,26.17,0,47.39-22.47,47.38-48.64Z",
+					className: "animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M116.68,109.5c12.3-33.78-12.69-103.68-12.69-103.68,0,0-64.07,37.49-76.37,71.27-8.95,24.59,3.3,52.97,27.89,61.92,24.59,8.95,52.21-4.91,61.16-29.5Z",
+					className: "animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M92.46,77.09C80.16,43.3,16.09,5.81,16.09,5.81c0,0-24.98,69.9-12.69,103.68,8.95,24.59,36.57,38.45,61.16,29.5,24.59-8.95,36.84-37.32,27.89-61.92Z",
+					className: "animate-pulse fill-[url(#tulip-logo-icon-gradient)] opacity-90"
+				})
+			] })
+		]
+	});
+}
+
+//#endregion
+export { Loader };

package/dist/src/components/ui/navigation-menu.d.mts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { NavigationMenu } from "radix-ui";
+import * as React$1 from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/navigation-menu.d.ts
+declare function NavigationMenu$1({
+  className,
+  children,
+  viewport,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.Root> & {
+  viewport?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.List>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.Item>): react_jsx_runtime0.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types0.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.Content>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.Viewport>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.Link>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu.Indicator>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/src/components/ui/navigation-menu.mjs

@@ -0,0 +1,81 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { NavigationMenu } from "radix-ui";
+
+//#region src/components/ui/navigation-menu.tsx
+function NavigationMenu$1({ className, children, viewport = true, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu.Root, {
+		"data-slot": "navigation-menu",
+		"data-viewport": viewport,
+		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		...props,
+		children: [children, viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+	});
+}
+function NavigationMenuList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+		"data-slot": "navigation-menu-list",
+		className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+		...props
+	});
+}
+function NavigationMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+		"data-slot": "navigation-menu-item",
+		className: cn("relative", className),
+		...props
+	});
+}
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent");
+function NavigationMenuTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: cn(navigationMenuTriggerStyle(), "group", className),
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+function NavigationMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+		"data-slot": "navigation-menu-content",
+		className: cn("data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out top-0 left-0 w-full p-2 pr-2.5 data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 **:data-[slot=navigation-menu-link]:focus:outline-none **:data-[slot=navigation-menu-link]:focus:ring-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in", className),
+		...props
+	});
+}
+function NavigationMenuViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+		children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+			"data-slot": "navigation-menu-viewport",
+			className: cn("data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-top-center overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=open]:animate-in md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+			...props
+		})
+	});
+}
+function NavigationMenuLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+		"data-slot": "navigation-menu-link",
+		className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm outline-none transition-all hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		...props
+	});
+}
+function NavigationMenuIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Indicator, {
+		"data-slot": "navigation-menu-indicator",
+		className: cn("data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=visible]:animate-in", className),
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+	});
+}
+
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

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

@@ -0,0 +1,45 @@
+import { Button } from "./button.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/ui/pagination.d.ts
+declare function Pagination({
+  className,
+  ...props
+}: React$1.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"ul">): react_jsx_runtime0.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps): react_jsx_runtime0.JSX.Element;
+declare function PaginationPrevious({
+  className,
+  text,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink> & {
+  text?: string;
+}): react_jsx_runtime0.JSX.Element;
+declare function PaginationNext({
+  className,
+  text,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink> & {
+  text?: string;
+}): react_jsx_runtime0.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

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

@@ -0,0 +1,87 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { Button } from "./button.mjs";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ui/pagination.tsx
+function Pagination({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: cn("mx-auto flex w-full justify-center", className),
+		...props
+	});
+}
+function PaginationContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "pagination-content",
+		className: cn("flex items-center gap-0.5", className),
+		...props
+	});
+}
+function PaginationItem({ ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "pagination-item",
+		...props
+	});
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		asChild: true,
+		variant: isActive ? "outline" : "ghost",
+		size,
+		className: cn(className),
+		children: /* @__PURE__ */ jsx("a", {
+			"aria-current": isActive ? "page" : void 0,
+			"data-slot": "pagination-link",
+			"data-active": isActive,
+			...props
+		})
+	});
+}
+function PaginationPrevious({ className, text = "Previous", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: cn("pl-1.5!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {
+			"data-icon": "inline-start",
+			className: "cn-rtl-flip"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		})]
+	});
+}
+function PaginationNext({ className, text = "Next", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: cn("pr-1.5!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		}), /* @__PURE__ */ jsx(ChevronRightIcon, {
+			"data-icon": "inline-end",
+			className: "cn-rtl-flip"
+		})]
+	});
+}
+function PaginationEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": true,
+		"data-slot": "pagination-ellipsis",
+		className: cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/src/components/ui/popover.client.d.mts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Popover } from "radix-ui";
+import * as React$1 from "react";
+
+//#region src/components/ui/popover.client.d.ts
+declare function Popover$1({
+  ...props
+}: React$1.ComponentProps<typeof Popover.Root>): react_jsx_runtime0.JSX.Element;
+declare function PopoverTrigger({
+  ...props
+}: React$1.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function PopoverContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React$1.ComponentProps<typeof Popover.Content>): react_jsx_runtime0.JSX.Element;
+declare function PopoverAnchor({
+  ...props
+}: React$1.ComponentProps<typeof Popover.Anchor>): react_jsx_runtime0.JSX.Element;
+declare function PopoverHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function PopoverTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"h2">): react_jsx_runtime0.JSX.Element;
+declare function PopoverDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Popover$1 as Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/src/components/ui/popover.client.mjs

@@ -0,0 +1,58 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "radix-ui";
+
+//#region src/components/ui/popover.client.tsx
+function Popover$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-popover-foreground text-sm shadow-md outline-hidden ring-1 ring-foreground/10 duration-100 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+		...props
+	}) });
+}
+function PopoverAnchor({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Anchor, {
+		"data-slot": "popover-anchor",
+		...props
+	});
+}
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: cn("flex flex-col gap-0.5 text-sm", className),
+		...props
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-title",
+		className: cn("font-medium", className),
+		...props
+	});
+}
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "popover-description",
+		className: cn("text-muted-foreground", className),
+		...props
+	});
+}
+
+//#endregion
+export { Popover$1 as Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/src/components/ui/progress.client.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Progress } from "radix-ui";
+import * as React$1 from "react";
+
+//#region src/components/ui/progress.client.d.ts
+declare function Progress$1({
+  className,
+  value,
+  ...props
+}: React$1.ComponentProps<typeof Progress.Root>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Progress$1 as Progress };

package/dist/src/components/ui/progress.client.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "radix-ui";
+
+//#region src/components/ui/progress.client.tsx
+function Progress$1({ className, value, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Root, {
+		"data-slot": "progress",
+		className: cn("relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Progress.Indicator, {
+			"data-slot": "progress-indicator",
+			className: "size-full flex-1 bg-primary transition-all",
+			style: { transform: `translateX(-${100 - (value || 0)}%)` }
+		})
+	});
+}
+
+//#endregion
+export { Progress$1 as Progress };

package/dist/src/components/ui/radio-group.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { RadioGroup } from "radix-ui";
+import * as React$1 from "react";
+
+//#region src/components/ui/radio-group.d.ts
+declare function RadioGroup$1({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof RadioGroup.Root>): react_jsx_runtime0.JSX.Element;
+declare function RadioGroupItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof RadioGroup.Item>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };