@inspirare/design-system 0.0.18 → 0.0.20

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

@@ -0,0 +1,76 @@
+"use client";
+import { Slot as e } from "../../../node_modules/.pnpm/@radix-ui_react-slot@1.2.5_@types_react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { cn as t } from "../../lib/utils.js";
+import { Label as n } from "./label.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Controller as a, FormProvider as o, useFormContext as s, useFormState as c } from "react-hook-form";
+//#region src/components/ui/form.tsx
+var l = o, u = r.createContext({}), d = ({ ...e }) => /* @__PURE__ */ i(u.Provider, {
+	value: { name: e.name },
+	children: /* @__PURE__ */ i(a, { ...e })
+}), f = () => {
+	let e = r.useContext(u), t = r.useContext(p), { getFieldState: n } = s(), i = c({ name: e.name }), a = n(e.name, i);
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let { id: o } = t;
+	return {
+		id: o,
+		name: e.name,
+		formItemId: `${o}-form-item`,
+		formDescriptionId: `${o}-form-item-description`,
+		formMessageId: `${o}-form-item-message`,
+		...a
+	};
+}, p = r.createContext({});
+function m({ className: e, ...n }) {
+	let a = r.useId();
+	return /* @__PURE__ */ i(p.Provider, {
+		value: { id: a },
+		children: /* @__PURE__ */ i("div", {
+			"data-slot": "form-item",
+			className: t("grid gap-2", e),
+			...n
+		})
+	});
+}
+function h({ className: e, ...r }) {
+	let { error: a, formItemId: o } = f();
+	return /* @__PURE__ */ i(n, {
+		"data-slot": "form-label",
+		"data-error": !!a,
+		className: t("data-[error=true]:text-destructive", e),
+		htmlFor: o,
+		...r
+	});
+}
+function g({ ...t }) {
+	let { error: n, formItemId: r, formDescriptionId: a, formMessageId: o } = f();
+	return /* @__PURE__ */ i(e, {
+		"data-slot": "form-control",
+		id: r,
+		"aria-describedby": n ? `${a} ${o}` : `${a}`,
+		"aria-invalid": !!n,
+		...t
+	});
+}
+function _({ className: e, ...n }) {
+	let { formDescriptionId: r } = f();
+	return /* @__PURE__ */ i("p", {
+		"data-slot": "form-description",
+		id: r,
+		className: t("text-muted-foreground text-sm", e),
+		...n
+	});
+}
+function v({ className: e, ...n }) {
+	let { error: r, formMessageId: a } = f(), o = r ? String(r?.message ?? "") : n.children;
+	return o ? /* @__PURE__ */ i("p", {
+		"data-slot": "form-message",
+		id: a,
+		className: t("text-destructive text-sm", e),
+		...n,
+		children: o
+	}) : null;
+}
+//#endregion
+export { l as Form, g as FormControl, _ as FormDescription, d as FormField, m as FormItem, h as FormLabel, v as FormMessage, f as useFormField };

package/dist/src/components/ui/hover-card.js

@@ -0,0 +1,33 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Content2 as t, Portal as n, Root2 as r, Trigger as i } from "../../../node_modules/.pnpm/@radix-ui_react-hover-card@_8a3f4d1399bacc84c908e03b45229f87/node_modules/@radix-ui/react-hover-card/dist/index.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ui/hover-card.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "hover-card",
+		...e
+	});
+}
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ a(i, {
+		"data-slot": "hover-card-trigger",
+		className: e("cursor-pointer", t),
+		...n
+	});
+}
+function c({ className: r, align: i = "center", sideOffset: o = 4, ...s }) {
+	return /* @__PURE__ */ a(n, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ a(t, {
+			"data-slot": "hover-card-content",
+			align: i,
+			sideOffset: o,
+			className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", r),
+			...s
+		})
+	});
+}
+//#endregion
+export { o as HoverCard, c as HoverCardContent, s as HoverCardTrigger };

package/dist/src/components/ui/input-group.js

@@ -0,0 +1,78 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Button as n } from "./button.js";
+import { Input as r } from "./input.js";
+import { Textarea as i } from "./textarea.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ui/input-group.tsx
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: e("group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]", "h-9 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", t),
+		...n
+	});
+}
+var s = t("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+	variants: { align: {
+		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+		"inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
+		"block-start": "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
+		"block-end": "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function c({ className: t, align: n = "inline-start", ...r }) {
+	return /* @__PURE__ */ a("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": n,
+		className: e(s({ align: n }), t),
+		onClick: (e) => {
+			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...r
+	});
+}
+var l = t("flex items-center gap-2 text-sm shadow-none", {
+	variants: { size: {
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function u({ className: t, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }) {
+	return /* @__PURE__ */ a(n, {
+		type: r,
+		"data-size": o,
+		variant: i,
+		className: e(l({ size: o }), t),
+		...s
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ a("span", {
+		className: e("text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", t),
+		...n
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", t),
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ a(i, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", t),
+		...n
+	});
+}
+//#endregion
+export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, f as InputGroupInput, d as InputGroupText, p as InputGroupTextarea };

package/dist/src/components/ui/input-otp.js

@@ -0,0 +1,42 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Dot as i } from "lucide-react";
+import { OTPInput as a, OTPInputContext as o } from "input-otp";
+//#region src/components/ui/input-otp.tsx
+var s = t.forwardRef(({ className: t, containerClassName: r, ...i }, o) => /* @__PURE__ */ n(a, {
+	ref: o,
+	containerClassName: e("flex items-center gap-2 has-[:disabled]:opacity-50", r),
+	className: e("disabled:cursor-not-allowed", t),
+	...i
+}));
+s.displayName = "InputOTP";
+var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("flex items-center", t),
+	...r
+}));
+c.displayName = "InputOTPGroup";
+var l = t.forwardRef(({ index: i, className: a, ...s }, c) => {
+	let { char: l, hasFakeCaret: u, isActive: d } = t.useContext(o).slots[i];
+	return /* @__PURE__ */ r("div", {
+		ref: c,
+		className: e("relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md", d && "z-10 ring-2 ring-ring ring-offset-background", a),
+		...s,
+		children: [l, u && /* @__PURE__ */ n("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ n("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
+		})]
+	});
+});
+l.displayName = "InputOTPSlot";
+var u = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ n("div", {
+	ref: t,
+	role: "separator",
+	...e,
+	children: /* @__PURE__ */ n(i, {})
+}));
+u.displayName = "InputOTPSeparator";
+//#endregion
+export { s as InputOTP, c as InputOTPGroup, u as InputOTPSeparator, l as InputOTPSlot };

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

@@ -0,0 +1,14 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/input.tsx
+function n({ className: n, type: r, ...i }) {
+	return /* @__PURE__ */ t("input", {
+		type: r,
+		"data-slot": "input",
+		className: e("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "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", n),
+		...i
+	});
+}
+//#endregion
+export { n as Input };

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

@@ -0,0 +1,116 @@
+import { Slot as e } from "../../../node_modules/.pnpm/@radix-ui_react-slot@1.2.5_@types_react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { cn as t } from "../../lib/utils.js";
+import { cva as n } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Separator as r } from "./separator.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/ui/item.tsx
+function a({ className: e, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: t("group/item-group flex flex-col", e),
+		...n
+	});
+}
+function o({ className: e, ...n }) {
+	return /* @__PURE__ */ i(r, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: t("my-0", e),
+		...n
+	});
+}
+var s = n("group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border-border",
+			muted: "bg-muted/50"
+		},
+		size: {
+			default: "gap-4 p-4 ",
+			sm: "gap-2.5 px-4 py-3"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function c({ className: n, variant: r = "default", size: a = "default", asChild: o = !1, ...c }) {
+	return /* @__PURE__ */ i(o ? e : "div", {
+		"data-slot": "item",
+		"data-variant": r,
+		"data-size": a,
+		className: t(s({
+			variant: r,
+			size: a,
+			className: n
+		})),
+		...c
+	});
+}
+var l = n("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function u({ className: e, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "item-media",
+		"data-variant": n,
+		className: t(l({
+			variant: n,
+			className: e
+		})),
+		...r
+	});
+}
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "item-content",
+		className: t("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", e),
+		...n
+	});
+}
+function f({ className: e, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "item-title",
+		className: t("flex w-fit items-center gap-2 text-sm font-medium leading-snug", e),
+		...n
+	});
+}
+function p({ className: e, ...n }) {
+	return /* @__PURE__ */ i("p", {
+		"data-slot": "item-description",
+		className: t("text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", e),
+		...n
+	});
+}
+function m({ className: e, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "item-actions",
+		className: t("flex items-center gap-2", e),
+		...n
+	});
+}
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "item-header",
+		className: t("flex basis-full items-center justify-between gap-2", e),
+		...n
+	});
+}
+function g({ className: e, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "item-footer",
+		className: t("flex basis-full items-center justify-between gap-2", e),
+		...n
+	});
+}
+//#endregion
+export { c as Item, m as ItemActions, d as ItemContent, p as ItemDescription, g as ItemFooter, a as ItemGroup, h as ItemHeader, u as ItemMedia, o as ItemSeparator, f as ItemTitle };

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

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

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

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Root as t } from "../../../node_modules/.pnpm/@radix-ui_react-label@2.1.9_386dd2eabe41e70ee233c5790da58dd5/node_modules/@radix-ui/react-label/dist/index.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/label.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "label",
+		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", r),
+		...i
+	});
+}
+//#endregion
+export { r as Label };

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

@@ -0,0 +1,105 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { CheckboxItem2 as t, Content2 as n, Group2 as r, Item3 as i, ItemIndicator2 as a, Label2 as o, Menu as s, Portal2 as c, RadioGroup2 as l, RadioItem2 as u, Root3 as d, Separator2 as f, Sub2 as p, SubContent2 as m, SubTrigger2 as h, Trigger as g } from "../../../node_modules/.pnpm/@radix-ui_react-menubar@1.1_52e1207bf5981387ca85fb7a6f7b2195/node_modules/@radix-ui/react-menubar/dist/index.js";
+import * as _ from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Check as b, ChevronRight as x, Circle as S } from "lucide-react";
+//#region src/components/ui/menubar.tsx
+function C({ ...e }) {
+	return /* @__PURE__ */ v(s, { ...e });
+}
+function w({ ...e }) {
+	return /* @__PURE__ */ v(r, { ...e });
+}
+function T({ ...e }) {
+	return /* @__PURE__ */ v(c, { ...e });
+}
+function E({ ...e }) {
+	return /* @__PURE__ */ v(l, { ...e });
+}
+function D({ ...e }) {
+	return /* @__PURE__ */ v(p, {
+		"data-slot": "menubar-sub",
+		...e
+	});
+}
+var O = _.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ v(d, {
+	ref: r,
+	className: e("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", t),
+	...n
+}));
+O.displayName = d.displayName;
+var k = _.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ v(g, {
+	ref: r,
+	className: e("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t),
+	...n
+}));
+k.displayName = g.displayName;
+var A = _.forwardRef(({ className: t, inset: n, children: r, ...i }, a) => /* @__PURE__ */ y(h, {
+	ref: a,
+	className: e("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", n && "pl-8", t),
+	...i,
+	children: [r, /* @__PURE__ */ v(x, { className: "ml-auto h-4 w-4" })]
+}));
+A.displayName = h.displayName;
+var j = _.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ v(m, {
+	ref: r,
+	className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 origin-[--radix-menubar-content-transform-origin]", t),
+	...n
+}));
+j.displayName = m.displayName;
+var M = _.forwardRef(({ className: t, align: r = "start", alignOffset: i = -4, sideOffset: a = 8, ...o }, s) => /* @__PURE__ */ v(c, { children: /* @__PURE__ */ v(n, {
+	ref: s,
+	align: r,
+	alignOffset: i,
+	sideOffset: a,
+	className: e("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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 origin-[--radix-menubar-content-transform-origin]", t),
+	...o
+}) }));
+M.displayName = n.displayName;
+var N = _.forwardRef(({ className: t, inset: n, ...r }, a) => /* @__PURE__ */ v(i, {
+	ref: a,
+	className: e("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n && "pl-8", t),
+	...r
+}));
+N.displayName = i.displayName;
+var P = _.forwardRef(({ className: n, children: r, checked: i, ...o }, s) => /* @__PURE__ */ y(t, {
+	ref: s,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n),
+	checked: i,
+	...o,
+	children: [/* @__PURE__ */ v("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(b, { className: "h-4 w-4" }) })
+	}), r]
+}));
+P.displayName = t.displayName;
+var F = _.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ y(u, {
+	ref: i,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
+	...r,
+	children: [/* @__PURE__ */ v("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(S, { className: "h-2 w-2 fill-current" }) })
+	}), n]
+}));
+F.displayName = u.displayName;
+var I = _.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ v(o, {
+	ref: i,
+	className: e("px-2 py-1.5 text-sm font-semibold", n && "pl-8", t),
+	...r
+}));
+I.displayName = o.displayName;
+var L = _.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ v(f, {
+	ref: r,
+	className: e("-mx-1 my-1 h-px bg-muted", t),
+	...n
+}));
+L.displayName = f.displayName;
+var R = ({ className: t, ...n }) => /* @__PURE__ */ v("span", {
+	className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
+	...n
+});
+R.displayname = "MenubarShortcut";
+//#endregion
+export { O as Menubar, P as MenubarCheckboxItem, M as MenubarContent, w as MenubarGroup, N as MenubarItem, I as MenubarLabel, C as MenubarMenu, T as MenubarPortal, E as MenubarRadioGroup, F as MenubarRadioItem, L as MenubarSeparator, R as MenubarShortcut, D as MenubarSub, j as MenubarSubContent, A as MenubarSubTrigger, k as MenubarTrigger };

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

@@ -0,0 +1,58 @@
+import { cn as e } from "../../lib/utils.js";
+import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Content as n, Indicator as r, Item as i, Link as a, List as o, Root2 as s, Trigger as c, Viewport as l } from "../../../node_modules/.pnpm/@radix-ui_react-navigation-_ce246f1abffb4c1bd00bc4d15b1887f5/node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ChevronDown as p } from "lucide-react";
+//#region src/components/ui/navigation-menu.tsx
+var m = u.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ f(s, {
+	ref: i,
+	className: e("relative z-10 flex max-w-max flex-1 items-center justify-center", t),
+	...r,
+	children: [n, /* @__PURE__ */ d(x, {})]
+}));
+m.displayName = s.displayName;
+var h = u.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ d(o, {
+	ref: r,
+	className: e("group flex flex-1 list-none items-center justify-center space-x-1", t),
+	...n
+}));
+h.displayName = o.displayName;
+var g = i, _ = t("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"), v = u.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ f(c, {
+	ref: i,
+	className: e(_(), "group", t),
+	...r,
+	children: [
+		n,
+		" ",
+		/* @__PURE__ */ d(p, {
+			className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+			"aria-hidden": "true"
+		})
+	]
+}));
+v.displayName = c.displayName;
+var y = u.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ d(n, {
+	ref: i,
+	className: e("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 md:absolute md:w-auto ", t),
+	...r
+}));
+y.displayName = n.displayName;
+var b = a, x = u.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ d("div", {
+	className: e("absolute left-0 top-full flex justify-center"),
+	children: /* @__PURE__ */ d(l, {
+		className: e("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", t),
+		ref: r,
+		...n
+	})
+}));
+x.displayName = l.displayName;
+var S = u.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ d(r, {
+	ref: i,
+	className: e("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", t),
+	...n,
+	children: /* @__PURE__ */ d("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+}));
+S.displayName = r.displayName;
+//#endregion
+export { m as NavigationMenu, y as NavigationMenuContent, S as NavigationMenuIndicator, g as NavigationMenuItem, b as NavigationMenuLink, h as NavigationMenuList, v as NavigationMenuTrigger, x as NavigationMenuViewport, _ as navigationMenuTriggerStyle };

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

@@ -0,0 +1,62 @@
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as t } from "./button.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ChevronLeft as a, ChevronRight as o, MoreHorizontal as s } from "lucide-react";
+//#region src/components/ui/pagination.tsx
+var c = ({ className: t, ...n }) => /* @__PURE__ */ r("nav", {
+	role: "navigation",
+	"aria-label": "pagination",
+	className: e("mx-auto flex w-full justify-center", t),
+	...n
+});
+c.displayName = "Pagination";
+var l = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("ul", {
+	ref: i,
+	className: e("flex flex-row items-center gap-1", t),
+	...n
+}));
+l.displayName = "PaginationContent";
+var u = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("li", {
+	ref: i,
+	className: e("", t),
+	...n
+}));
+u.displayName = "PaginationItem";
+var d = ({ className: n, isActive: i, size: a = "icon", ...o }) => /* @__PURE__ */ r("a", {
+	"aria-current": i ? "page" : void 0,
+	className: e(t({
+		variant: i ? "outline" : "ghost",
+		size: a
+	}), n),
+	...o
+});
+d.displayName = "PaginationLink";
+var f = ({ className: t, ...n }) => /* @__PURE__ */ i(d, {
+	"aria-label": "Go to previous page",
+	size: "default",
+	className: e("gap-1 pl-2.5", t),
+	...n,
+	children: [/* @__PURE__ */ r(a, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", { children: "Previous" })]
+});
+f.displayName = "PaginationPrevious";
+var p = ({ className: t, ...n }) => /* @__PURE__ */ i(d, {
+	"aria-label": "Go to next page",
+	size: "default",
+	className: e("gap-1 pr-2.5", t),
+	...n,
+	children: [/* @__PURE__ */ r("span", { children: "Next" }), /* @__PURE__ */ r(o, { className: "h-4 w-4" })]
+});
+p.displayName = "PaginationNext";
+var m = ({ className: t, ...n }) => /* @__PURE__ */ i("span", {
+	"aria-hidden": !0,
+	className: e("flex h-9 w-9 items-center justify-center", t),
+	...n,
+	children: [/* @__PURE__ */ r(s, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", {
+		className: "sr-only",
+		children: "More pages"
+	})]
+});
+m.displayName = "PaginationEllipsis";
+//#endregion
+export { c as Pagination, l as PaginationContent, m as PaginationEllipsis, u as PaginationItem, d as PaginationLink, p as PaginationNext, f as PaginationPrevious };