@runlume/admin-ui 0.1.0 → 0.2.1

package/dist-package/components/ui/sidebar.js

@@ -0,0 +1,350 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "./button.js";
+import { Input as n } from "./input.js";
+import { Separator as r } from "./separator.js";
+import { Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c } from "./sheet.js";
+import { useIsMobile as l } from "../../hooks/use-mobile.js";
+import { Skeleton as u } from "./skeleton.js";
+import { Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "./tooltip.js";
+import * as h from "react";
+import { Slot as g } from "radix-ui";
+import { cva as _ } from "class-variance-authority";
+import { PanelLeftIcon as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/ui/sidebar.tsx
+var x = "16rem", S = "18rem", C = "3rem", w = "b", T = h.createContext(null);
+function E() {
+	let e = h.useContext(T);
+	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
+	return e;
+}
+function D({ defaultOpen: t = !0, open: n, onOpenChange: r, className: i, style: a, children: o, ...s }) {
+	let c = l(), [u, d] = h.useState(!1), [f, m] = h.useState(t), g = n ?? f, _ = h.useCallback((e) => {
+		let t = typeof e == "function" ? e(g) : e;
+		r ? r(t) : m(t);
+	}, [r, g]), v = h.useCallback(() => c ? d((e) => !e) : _((e) => !e), [
+		c,
+		_,
+		d
+	]);
+	h.useEffect(() => {
+		let e = (e) => {
+			!e.defaultPrevented && !e.repeat && !e.altKey && !(e.target instanceof HTMLElement && e.target.closest("input, textarea, select, [contenteditable]:not([contenteditable=false])")) && e.key.toLowerCase() === w && (e.metaKey || e.ctrlKey) && (e.preventDefault(), v());
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [v]);
+	let b = g ? "expanded" : "collapsed", S = h.useMemo(() => ({
+		state: b,
+		open: g,
+		setOpen: _,
+		isMobile: c,
+		openMobile: u,
+		setOpenMobile: d,
+		toggleSidebar: v
+	}), [
+		b,
+		g,
+		_,
+		c,
+		u,
+		d,
+		v
+	]);
+	return /* @__PURE__ */ y(T.Provider, {
+		value: S,
+		children: /* @__PURE__ */ y(p, {
+			delayDuration: 0,
+			children: /* @__PURE__ */ y("div", {
+				"data-slot": "sidebar-wrapper",
+				style: {
+					"--sidebar-width": x,
+					"--sidebar-width-icon": C,
+					...a
+				},
+				className: e("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", i),
+				...s,
+				children: o
+			})
+		})
+	});
+}
+function O({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", mobileTitle: l = "Sidebar", mobileDescription: u = "Displays the mobile sidebar.", onMobileCloseAutoFocus: d, className: f, children: p, ...m }) {
+	let { isMobile: h, state: g, openMobile: _, setOpenMobile: v } = E();
+	return r === "none" ? /* @__PURE__ */ y("div", {
+		"data-slot": "sidebar",
+		className: e("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", f),
+		...m,
+		children: p
+	}) : h ? /* @__PURE__ */ y(i, {
+		open: _,
+		onOpenChange: v,
+		...m,
+		children: /* @__PURE__ */ b(a, {
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			"data-mobile": "true",
+			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground ",
+			style: { "--sidebar-width": S },
+			side: t,
+			onCloseAutoFocus: d,
+			children: [/* @__PURE__ */ b(s, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ y(c, { children: l }), /* @__PURE__ */ y(o, { children: u })]
+			}), /* @__PURE__ */ y("div", {
+				className: "flex h-full w-full flex-col",
+				children: p
+			})]
+		})
+	}) : /* @__PURE__ */ b("div", {
+		className: "group peer hidden text-sidebar-foreground lg:block",
+		"data-state": g,
+		"data-collapsible": g === "collapsed" ? r : "",
+		"data-variant": n,
+		"data-side": t,
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ y("div", {
+			"data-slot": "sidebar-gap",
+			className: e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-out motion-reduce:transition-none", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", n === "floating" || n === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ y("div", {
+			"data-slot": "sidebar-container",
+			className: e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-out motion-reduce:transition-none lg:flex", t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", n === "floating" || n === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", f),
+			...m,
+			children: /* @__PURE__ */ y("div", {
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
+				children: p
+			})
+		})]
+	});
+}
+function k({ className: n, onClick: r, ...i }) {
+	let { toggleSidebar: a } = E();
+	return /* @__PURE__ */ b(t, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon",
+		className: e("size-7", n),
+		onClick: (e) => {
+			r?.(e), a();
+		},
+		...i,
+		children: [/* @__PURE__ */ y(v, {}), /* @__PURE__ */ y("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+}
+function A({ className: t, ...n }) {
+	let { toggleSidebar: r } = E();
+	return /* @__PURE__ */ y("button", {
+		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
+		"aria-label": "Toggle Sidebar",
+		tabIndex: -1,
+		onClick: r,
+		title: "Toggle Sidebar",
+		className: e("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", t),
+		...n
+	});
+}
+function j({ className: t, ...n }) {
+	return /* @__PURE__ */ y("main", {
+		"data-slot": "sidebar-inset",
+		className: e("relative flex w-full flex-1 flex-col bg-background", "lg:peer-data-[variant=inset]:m-2 lg:peer-data-[variant=inset]:ml-0 lg:peer-data-[variant=inset]:rounded-xl lg:peer-data-[variant=inset]:shadow-sm lg:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", t),
+		...n
+	});
+}
+function M({ className: t, ...r }) {
+	return /* @__PURE__ */ y(n, {
+		"data-slot": "sidebar-input",
+		"data-sidebar": "input",
+		className: e("h-8 w-full bg-background shadow-none", t),
+		...r
+	});
+}
+function N({ className: t, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "sidebar-header",
+		"data-sidebar": "header",
+		className: e("flex flex-col gap-2 p-2", t),
+		...n
+	});
+}
+function P({ className: t, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "sidebar-footer",
+		"data-sidebar": "footer",
+		className: e("flex flex-col gap-2 p-2", t),
+		...n
+	});
+}
+function F({ className: t, ...n }) {
+	return /* @__PURE__ */ y(r, {
+		"data-slot": "sidebar-separator",
+		"data-sidebar": "separator",
+		className: e("mx-2 w-auto bg-sidebar-border", t),
+		...n
+	});
+}
+function I({ className: t, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "sidebar-content",
+		"data-sidebar": "content",
+		className: e("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", t),
+		...n
+	});
+}
+function L({ className: t, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: e("relative flex w-full min-w-0 flex-col p-2", t),
+		...n
+	});
+}
+function R({ className: t, asChild: n = !1, ...r }) {
+	let i = n ? g.Root : "div";
+	return /* @__PURE__ */ y(i, {
+		"data-slot": "sidebar-group-label",
+		"data-sidebar": "group-label",
+		className: e("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", t),
+		...r
+	});
+}
+function z({ className: t, asChild: n = !1, ...r }) {
+	let i = n ? g.Root : "button";
+	return /* @__PURE__ */ y(i, {
+		"data-slot": "sidebar-group-action",
+		"data-sidebar": "group-action",
+		className: e("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 lg:after:hidden", "group-data-[collapsible=icon]:hidden", t),
+		...r
+	});
+}
+function B({ className: t, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: e("w-full text-sm", t),
+		...n
+	});
+}
+function V({ className: t, ...n }) {
+	return /* @__PURE__ */ y("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: e("flex w-full min-w-0 flex-col gap-1", t),
+		...n
+	});
+}
+function H({ className: t, ...n }) {
+	return /* @__PURE__ */ y("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: e("group/menu-item relative", t),
+		...n
+	});
+}
+var U = _("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-10! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function W({ asChild: t = !1, isActive: n = !1, variant: r = "default", size: i = "default", tooltip: a, className: o, ...s }) {
+	let c = t ? g.Root : "button", { isMobile: l, state: u } = E(), p = /* @__PURE__ */ y(c, {
+		"data-slot": "sidebar-menu-button",
+		"data-sidebar": "menu-button",
+		"data-size": i,
+		"data-active": n,
+		className: e(U({
+			variant: r,
+			size: i
+		}), o),
+		...s
+	});
+	return a ? (typeof a == "string" && (a = { children: a }), /* @__PURE__ */ b(d, { children: [/* @__PURE__ */ y(m, {
+		asChild: !0,
+		children: p
+	}), /* @__PURE__ */ y(f, {
+		side: "right",
+		align: "center",
+		hidden: u !== "collapsed" || l,
+		...a
+	})] })) : p;
+}
+function G({ className: t, asChild: n = !1, showOnHover: r = !1, ...i }) {
+	let a = n ? g.Root : "button";
+	return /* @__PURE__ */ y(a, {
+		"data-slot": "sidebar-menu-action",
+		"data-sidebar": "menu-action",
+		className: e("absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 lg:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", r && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground data-[state=open]:opacity-100 lg:opacity-0", t),
+		...i
+	});
+}
+function K({ className: t, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		className: e("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", t),
+		...n
+	});
+}
+function q({ className: t, showIcon: n = !1, ...r }) {
+	return /* @__PURE__ */ b("div", {
+		"data-slot": "sidebar-menu-skeleton",
+		"data-sidebar": "menu-skeleton",
+		className: e("flex h-8 items-center gap-2 rounded-md px-2", t),
+		...r,
+		children: [n && /* @__PURE__ */ y(u, {
+			className: "size-4 rounded-md",
+			"data-sidebar": "menu-skeleton-icon"
+		}), /* @__PURE__ */ y(u, {
+			className: "h-4 max-w-(--skeleton-width) flex-1",
+			"data-sidebar": "menu-skeleton-text",
+			style: { "--skeleton-width": "70%" }
+		})]
+	});
+}
+function J({ className: t, ...n }) {
+	return /* @__PURE__ */ y("ul", {
+		"data-slot": "sidebar-menu-sub",
+		"data-sidebar": "menu-sub",
+		className: e("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", t),
+		...n
+	});
+}
+function Y({ className: t, ...n }) {
+	return /* @__PURE__ */ y("li", {
+		"data-slot": "sidebar-menu-sub-item",
+		"data-sidebar": "menu-sub-item",
+		className: e("group/menu-sub-item relative", t),
+		...n
+	});
+}
+function X({ asChild: t = !1, size: n = "md", isActive: r = !1, className: i, ...a }) {
+	let o = t ? g.Root : "a";
+	return /* @__PURE__ */ y(o, {
+		"data-slot": "sidebar-menu-sub-button",
+		"data-sidebar": "menu-sub-button",
+		"data-size": n,
+		"data-active": r,
+		className: e("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", n === "sm" && "text-xs", n === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", i),
+		...a
+	});
+}
+//#endregion
+export { O as Sidebar, I as SidebarContent, P as SidebarFooter, L as SidebarGroup, z as SidebarGroupAction, B as SidebarGroupContent, R as SidebarGroupLabel, N as SidebarHeader, M as SidebarInput, j as SidebarInset, V as SidebarMenu, G as SidebarMenuAction, K as SidebarMenuBadge, W as SidebarMenuButton, H as SidebarMenuItem, q as SidebarMenuSkeleton, J as SidebarMenuSub, X as SidebarMenuSubButton, Y as SidebarMenuSubItem, D as SidebarProvider, A as SidebarRail, F as SidebarSeparator, k as SidebarTrigger, E as useSidebar };

package/dist-package/components/ui/skeleton.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`skeleton`,className:e.cn(`animate-pulse rounded-md bg-accent`,n),...r})}exports.Skeleton=n;

package/dist-package/components/ui/skeleton.js

@@ -0,0 +1,12 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/skeleton.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton",
+		className: e("animate-pulse rounded-md bg-accent", n),
+		...r
+	});
+}
+//#endregion
+export { n as Skeleton };

package/dist-package/components/ui/slider.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,value:i,onValueChange:a,label:o,ticks:s,...c}){let l=i??[0];return(0,n.jsxs)(t.Slider.Root,{"data-slot":`slider`,"aria-label":o,value:i,onValueChange:a,className:e.cn(`relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-40 data-[orientation=vertical]:w-4 data-[orientation=vertical]:flex-col`,r),...c,children:[(0,n.jsx)(t.Slider.Track,{className:`relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5`,children:(0,n.jsx)(t.Slider.Range,{className:`absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`})}),s&&s.length>0&&(0,n.jsx)(`span`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-x-0 top-full mt-1`,children:s.map(e=>(0,n.jsx)(`span`,{className:`absolute -translate-x-1/2 text-[10px] text-muted-foreground`,style:{left:`${((e-(c.min??0))/((c.max??100)-(c.min??0)||1)*100).toFixed(2)}%`},children:e},e))}),l.map((e,r)=>(0,n.jsx)(t.Slider.Thumb,{"aria-label":`${o} ${r+1}`,className:`block size-4 rounded-full border border-primary/40 bg-card shadow-sm outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50`},r))]})}exports.Slider=r;

package/dist-package/components/ui/slider.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../lib/utils.js";
+import { Slider as t } from "radix-ui";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/ui/slider.tsx
+function i({ className: i, value: a, onValueChange: o, label: s, ticks: c, ...l }) {
+	let u = a ?? [0];
+	return /* @__PURE__ */ r(t.Root, {
+		"data-slot": "slider",
+		"aria-label": s,
+		value: a,
+		onValueChange: o,
+		className: e("relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-40 data-[orientation=vertical]:w-4 data-[orientation=vertical]:flex-col", i),
+		...l,
+		children: [
+			/* @__PURE__ */ n(t.Track, {
+				className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
+				children: /* @__PURE__ */ n(t.Range, { className: "absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" })
+			}),
+			c && c.length > 0 && /* @__PURE__ */ n("span", {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-x-0 top-full mt-1",
+				children: c.map((e) => /* @__PURE__ */ n("span", {
+					className: "absolute -translate-x-1/2 text-[10px] text-muted-foreground",
+					style: { left: `${((e - (l.min ?? 0)) / ((l.max ?? 100) - (l.min ?? 0) || 1) * 100).toFixed(2)}%` },
+					children: e
+				}, e))
+			}),
+			u.map((e, r) => /* @__PURE__ */ n(t.Thumb, {
+				"aria-label": `${s} ${r + 1}`,
+				className: "block size-4 rounded-full border border-primary/40 bg-card shadow-sm outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50"
+			}, r))
+		]
+	});
+}
+//#endregion
+export { i as Slider };

package/dist-package/components/ui/switch.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,...i}){return(0,n.jsx)(t.Switch.Root,{"data-slot":`switch`,className:e.cn(`peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-muted outline-none transition-colors`,`data-[state=checked]:bg-primary focus-visible:ring-2 focus-visible:ring-ring/30`,`disabled:cursor-not-allowed disabled:opacity-50`,r),...i,children:(0,n.jsx)(t.Switch.Thumb,{className:e.cn(`pointer-events-none block size-4 rounded-full bg-card shadow-sm transition-transform`,`translate-x-0.5 data-[state=checked]:translate-x-[18px]`)})})}exports.Switch=r;

package/dist-package/components/ui/switch.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../lib/utils.js";
+import { Switch as t } from "radix-ui";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/switch.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t.Root, {
+		"data-slot": "switch",
+		className: e("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-muted outline-none transition-colors", "data-[state=checked]:bg-primary focus-visible:ring-2 focus-visible:ring-ring/30", "disabled:cursor-not-allowed disabled:opacity-50", r),
+		...i,
+		children: /* @__PURE__ */ n(t.Thumb, { className: e("pointer-events-none block size-4 rounded-full bg-card shadow-sm transition-transform", "translate-x-0.5 data-[state=checked]:translate-x-[18px]") })
+	});
+}
+//#endregion
+export { r as Switch };

package/dist-package/components/ui/table.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`table-container`,className:`relative w-full overflow-x-auto`,children:(0,r.jsx)(`table`,{"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...n})})}function a({className:e,...n}){return(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-table-header [&_tr]:border-b`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`[&_tr:last-child]:border-0`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`border-t bg-muted/50 font-medium [&>tr]:last:border-b-0`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`border-b border-table-border transition-colors hover:bg-table-hover focus-within:bg-table-hover has-aria-expanded:bg-table-hover data-[state=selected]:bg-table-hover`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`th`,{"data-slot":`table-head`,className:t.cn(`h-10 border-r border-table-border px-2 last:border-r-0 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`border-r border-table-border p-2 last:border-r-0 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...n})}function d({className:e,...n}){return(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`mt-4 text-sm text-muted-foreground`,e),...n})}exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;

package/dist-package/components/ui/table.js

@@ -0,0 +1,66 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/table.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ t("table", {
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", n),
+			...r
+		})
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("thead", {
+		"data-slot": "table-header",
+		className: e("bg-table-header [&_tr]:border-b", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tbody", {
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tfoot", {
+		"data-slot": "table-footer",
+		className: e("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tr", {
+		"data-slot": "table-row",
+		className: e("border-b border-table-border transition-colors hover:bg-table-hover focus-within:bg-table-hover has-aria-expanded:bg-table-hover data-[state=selected]:bg-table-hover", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("th", {
+		"data-slot": "table-head",
+		className: e("h-10 border-r border-table-border px-2 last:border-r-0 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("td", {
+		"data-slot": "table-cell",
+		className: e("border-r border-table-border p-2 last:border-r-0 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("caption", {
+		"data-slot": "table-caption",
+		className: e("mt-4 text-sm text-muted-foreground", n),
+		...r
+	});
+}
+//#endregion
+export { n as Table, i as TableBody, l as TableCaption, c as TableCell, a as TableFooter, s as TableHead, r as TableHeader, o as TableRow };

package/dist-package/components/ui/tabs.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("radix-ui"),i=require("class-variance-authority"),a=require("react/jsx-runtime");function o({className:e,orientation:n=`horizontal`,...i}){return(0,a.jsx)(r.Tabs.Root,{"data-slot":`tabs`,"data-orientation":n,orientation:n,className:t.cn(`group/tabs flex gap-2 data-[orientation=horizontal]:flex-col`,e),...i})}var s=(0,i.cva)(`group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function c({className:e,variant:n=`default`,...i}){return(0,a.jsx)(r.Tabs.List,{"data-slot":`tabs-list`,"data-variant":n,className:t.cn(s({variant:n}),e),...i})}function l({className:e,...n}){return(0,a.jsx)(r.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:t.cn(`relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-muted-foreground transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent`,`data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground`,`after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100`,e),...n})}function u({className:e,...n}){return(0,a.jsx)(r.Tabs.Content,{"data-slot":`tabs-content`,className:t.cn(`flex-1 outline-none`,e),...n})}exports.Tabs=o,exports.TabsContent=u,exports.TabsList=c,exports.TabsTrigger=l,exports.tabsListVariants=s;

package/dist-package/components/ui/tabs.js

@@ -0,0 +1,47 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { Tabs as t } from "radix-ui";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ui/tabs.tsx
+function i({ className: n, orientation: i = "horizontal", ...a }) {
+	return /* @__PURE__ */ r(t.Root, {
+		"data-slot": "tabs",
+		"data-orientation": i,
+		orientation: i,
+		className: e("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", n),
+		...a
+	});
+}
+var a = n("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function o({ className: n, variant: i = "default", ...o }) {
+	return /* @__PURE__ */ r(t.List, {
+		"data-slot": "tabs-list",
+		"data-variant": i,
+		className: e(a({ variant: i }), n),
+		...o
+	});
+}
+function s({ className: n, ...i }) {
+	return /* @__PURE__ */ r(t.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: e("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-muted-foreground transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", n),
+		...i
+	});
+}
+function c({ className: n, ...i }) {
+	return /* @__PURE__ */ r(t.Content, {
+		"data-slot": "tabs-content",
+		className: e("flex-1 outline-none", n),
+		...i
+	});
+}
+//#endregion
+export { i as Tabs, c as TabsContent, o as TabsList, s as TabsTrigger, a as tabsListVariants };

package/dist-package/components/ui/tag-variants.cjs

@@ -0,0 +1 @@
+var e=(0,require("class-variance-authority").cva)(`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium`,{variants:{tone:{default:`border-transparent bg-muted text-muted-foreground`,primary:`border-transparent bg-primary/12 text-primary`,success:`border-transparent bg-success-soft text-success`,warning:`border-transparent bg-warning-soft text-warning`,danger:`border-transparent bg-danger-soft text-danger`,outline:`border-border bg-transparent text-foreground`}},defaultVariants:{tone:`default`}});exports.tagVariants=e;

package/dist-package/components/ui/tag-variants.js

@@ -0,0 +1,15 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/ui/tag-variants.ts
+var t = e("inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium", {
+	variants: { tone: {
+		default: "border-transparent bg-muted text-muted-foreground",
+		primary: "border-transparent bg-primary/12 text-primary",
+		success: "border-transparent bg-success-soft text-success",
+		warning: "border-transparent bg-warning-soft text-warning",
+		danger: "border-transparent bg-danger-soft text-danger",
+		outline: "border-border bg-transparent text-foreground"
+	} },
+	defaultVariants: { tone: "default" }
+});
+//#endregion
+export { t as tagVariants };

package/dist-package/components/ui/tag.cjs

@@ -0,0 +1 @@
+const e=require("../../lib/utils.cjs"),t=require("./tag-variants.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime");function i({className:i,tone:a,icon:o,closable:s=!1,onClose:c,closeLabel:l,children:u,...d}){return(0,r.jsxs)(`span`,{"data-slot":`tag`,"data-tone":a??`default`,className:e.cn(t.tagVariants({tone:a}),i),...d,children:[o,u,s&&(0,r.jsx)(`button`,{type:`button`,"aria-label":l??`remove`,className:`-mr-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/15`,onClick:e=>{e.stopPropagation(),c?.()},children:(0,r.jsx)(n.X,{"aria-hidden":`true`,className:`size-3`})})]})}exports.Tag=i;

package/dist-package/components/ui/tag.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../../lib/utils.js";
+import { tagVariants as t } from "./tag-variants.js";
+import { X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ui/tag.tsx
+function a({ className: a, tone: o, icon: s, closable: c = !1, onClose: l, closeLabel: u, children: d, ...f }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "tag",
+		"data-tone": o ?? "default",
+		className: e(t({ tone: o }), a),
+		...f,
+		children: [
+			s,
+			d,
+			c && /* @__PURE__ */ r("button", {
+				type: "button",
+				"aria-label": u ?? "remove",
+				className: "-mr-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/15",
+				onClick: (e) => {
+					e.stopPropagation(), l?.();
+				},
+				children: /* @__PURE__ */ r(n, {
+					"aria-hidden": "true",
+					className: "size-3"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { a as Tag };

package/dist-package/components/ui/textarea.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,...n}){return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:t.cn(`border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:border-danger aria-invalid:ring-danger/20 flex min-h-24 w-full rounded-lg border bg-card px-3.5 py-3 text-sm shadow-none outline-none transition-[border-color,box-shadow,background-color] focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...n})}exports.Textarea=i;

package/dist-package/components/ui/textarea.js

@@ -0,0 +1,13 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/textarea.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("textarea", {
+		"data-slot": "textarea",
+		className: e("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:border-danger aria-invalid:ring-danger/20 flex min-h-24 w-full rounded-lg border bg-card px-3.5 py-3 text-sm shadow-none outline-none transition-[border-color,box-shadow,background-color] focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50", n),
+		...r
+	});
+}
+//#endregion
+export { n as Textarea };

package/dist-package/components/ui/time-input.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../../lib/use-ui-translation.cjs"),r=require("./input.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("radix-ui"),o=require("lucide-react"),s=require("react/jsx-runtime");function c({ref:e,className:c,disabled:l,readOnly:u,onKeyDown:d,...f}){let{i18n:p}=n.useUiTranslation(),m=p.language.startsWith(`en`),h=i.useRef(null),[g,_]=i.useState(!1),[v,y]=i.useState(`00:00`);i.useImperativeHandle(e,()=>h.current);function b(e){e&&y(h.current.value||`00:00`),_(e)}function x(e,t){let n=v.split(`:`);n[e]=t;let r=n.join(`:`),i=h.current;Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`).set.call(i,r),i.dispatchEvent(new Event(`input`,{bubbles:!0})),i.dispatchEvent(new Event(`change`,{bubbles:!0})),y(r)}return(0,s.jsxs)(a.Popover.Root,{open:g,onOpenChange:b,children:[(0,s.jsx)(a.Popover.Anchor,{asChild:!0,children:(0,s.jsxs)(`div`,{className:`relative w-full min-w-0`,children:[(0,s.jsx)(`input`,{...f,ref:h,disabled:l,readOnly:u,className:t.cn(r.inputBaseClass,`themed-time-input pr-10`,c),onKeyDown:e=>{d?.(e),!e.defaultPrevented&&e.altKey&&e.key===`ArrowDown`&&!l&&!u&&(e.preventDefault(),b(!0))}}),(0,s.jsx)(a.Popover.Trigger,{asChild:!0,children:(0,s.jsx)(`button`,{type:`button`,disabled:l||u,"aria-label":m?`Choose time`:`选择时间`,className:`absolute right-1 top-1/2 flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:opacity-50`,children:(0,s.jsx)(o.Clock,{className:`size-4`})})})]})}),(0,s.jsx)(a.Popover.Portal,{children:(0,s.jsxs)(a.Popover.Content,{align:`start`,sideOffset:4,"aria-label":m?`Choose time`:`选择时间`,className:`z-50 w-48 rounded-xl border bg-popover p-2 text-popover-foreground shadow-md`,children:[(0,s.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:[24,60].map((e,n)=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`p`,{className:`pb-2 text-center text-xs text-muted-foreground`,children:n===0?m?`Hour`:`时`:m?`Minute`:`分`}),(0,s.jsx)(`div`,{className:`h-48 space-y-1 overflow-y-auto`,role:`group`,"aria-label":n===0?m?`Hour`:`时`:m?`Minute`:`分`,children:Array.from({length:e},(e,r)=>{let i=String(r).padStart(2,`0`),a=v.split(`:`)[n]===i;return(0,s.jsx)(`button`,{type:`button`,"aria-pressed":a,ref:e=>{e&&a&&e.scrollIntoView?.({block:`nearest`})},onClick:()=>x(n,i),className:t.cn(`h-8 w-full rounded-md text-sm tabular-nums outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring`,a&&`bg-primary text-primary-foreground hover:bg-primary`),children:i},i)})})]},n))}),(0,s.jsx)(`div`,{className:`mt-2 flex justify-end border-t pt-2`,children:(0,s.jsx)(`button`,{type:`button`,onClick:()=>_(!1),className:`rounded-md px-3 py-1 text-sm text-primary hover:bg-accent`,children:m?`Done`:`完成`})})]})})]})}exports.TimeInput=c;