@ponti-studios/ui 2.0.1 → 3.0.0

package/dist/components/navigation/index.js

@@ -0,0 +1,4 @@
+import { AppNavigation as e, Navigation as t } from "./app-navigation.js";
+import { PaginationControls as n } from "./pagination-controls.js";
+import { Tabs as r, TabsContent as i, TabsList as a, TabsTrigger as o } from "./tabs.js";
+export { e as AppNavigation, t as Navigation, n as PaginationControls, r as Tabs, i as TabsContent, a as TabsList, o as TabsTrigger };

package/dist/components/navigation/pagination-controls.d.ts

@@ -0,0 +1,7 @@
+export interface PaginationControlsProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+/** Zero-indexed prev/next pagination control. */
+export declare function PaginationControls({ currentPage, totalPages, onPageChange, }: PaginationControlsProps): import("react").JSX.Element;

package/dist/components/navigation/pagination-controls.js

@@ -0,0 +1,50 @@
+"use client";
+import { useUiText as e } from "../../translations/ui-provider.js";
+import { Button as t } from "../primitives/button.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronLeft as i, ChevronRight as a } from "lucide-react";
+//#region src/components/navigation/pagination-controls.tsx
+function o({ currentPage: o, totalPages: s, onPageChange: c }) {
+	let l = e("pagination.previous", "Previous page"), u = e("pagination.next", "Next page");
+	return /* @__PURE__ */ r("div", {
+		className: "border-border bg-background text-foreground inline-flex w-fit shrink-0 items-center self-start overflow-hidden rounded-full border text-sm",
+		children: [
+			/* @__PURE__ */ n(t, {
+				type: "button",
+				variant: "outline",
+				size: "icon",
+				className: "rounded-none border-0 border-r bg-transparent shadow-none",
+				onClick: () => c(o - 1),
+				disabled: o === 0,
+				"aria-label": l,
+				children: /* @__PURE__ */ n(i, {
+					className: "size-4",
+					"aria-hidden": !0
+				})
+			}),
+			/* @__PURE__ */ r("span", {
+				className: "min-w-20 px-3 text-center text-xs tabular-nums",
+				children: [
+					o + 1,
+					" of ",
+					s
+				]
+			}),
+			/* @__PURE__ */ n(t, {
+				type: "button",
+				variant: "outline",
+				size: "icon",
+				className: "rounded-none border-0 border-l bg-transparent shadow-none",
+				onClick: () => c(o + 1),
+				disabled: o >= s - 1,
+				"aria-label": u,
+				children: /* @__PURE__ */ n(a, {
+					className: "size-4",
+					"aria-hidden": !0
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { o as PaginationControls };

package/dist/components/navigation/tabs.d.ts

@@ -0,0 +1,7 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import * as React from "react";
+declare function Tabs({ ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Tab>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Panel>): React.JSX.Element;
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/navigation/tabs.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Tabs as n } from "@base-ui/react/tabs";
+//#region src/components/navigation/tabs.tsx
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "tabs",
+		...e
+	});
+}
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.List, {
+		"data-slot": "tabs-list",
+		className: e("bg-muted flex h-auto w-full items-center gap-1 rounded-full border p-1", r),
+		...i
+	});
+}
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Tab, {
+		"data-slot": "tabs-trigger",
+		className: e("text-foreground flex flex-1 items-center justify-center gap-2 rounded-full px-3 py-2 text-sm font-medium whitespace-nowrap transition-all", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none", "data-active:ring-1 data-active:ring-inset data-active:bg-background data-active:text-foreground data-active:ring-border", r),
+		...i
+	});
+}
+function o({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Panel, {
+		"data-slot": "tabs-content",
+		className: e("focus-visible:bg-muted/10 mt-2 rounded-md focus-visible:border focus-visible:outline-none", r),
+		...i
+	});
+}
+//#endregion
+export { r as Tabs, o as TabsContent, i as TabsList, a as TabsTrigger };

package/dist/components/overlays/bottom-sheet.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export type BottomSheetProps = {
+    children: React.ReactNode;
+    /** Controlled expanded state. */
+    expanded?: boolean;
+    /** Uncontrolled initial state. @default false */
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Visible stub height when collapsed. @default 48 */
+    peek?: number;
+    /** Accessible name for the panel region. @default "Details panel" */
+    label?: string;
+    /** Positioning/sizing (app-owned). */
+    className?: string;
+    /** Applied to the scrollable content wrapper alongside its defaults. */
+    scrollClassName?: string;
+    /** Applied to the drag handle button alongside its defaults. */
+    handleClassName?: string;
+};
+export declare function BottomSheet({ children, expanded: controlledExpanded, defaultExpanded, onExpandedChange, peek, label: providedLabel, className, scrollClassName, handleClassName, }: BottomSheetProps): React.JSX.Element;

package/dist/components/overlays/bottom-sheet.js

@@ -0,0 +1,101 @@
+"use client";
+import { useMediaQuery as e } from "../../hooks/use-media-query.js";
+import { cn as t } from "../../lib/utils.js";
+import { useUiText as n } from "../../translations/ui-provider.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/overlays/bottom-sheet.tsx
+var o = .4, s = .25;
+function c({ children: c, expanded: l, defaultExpanded: u = !1, onExpandedChange: d, peek: f = 48, label: p, className: m, scrollClassName: h, handleClassName: g }) {
+	let _ = n("bottomSheet.label", "Details panel"), v = p ?? _, y = r.useRef(null), b = r.useRef(null), [x, S] = r.useState(0), [C, w] = r.useState(0), [T, E] = r.useState(u), D = r.useRef(!1), O = r.useRef(!1), k = r.useRef(null), A = e("(prefers-reduced-motion: reduce)"), j = r.useId(), M = l ?? T, N = r.useCallback(() => y.current?.offsetHeight ?? 400, []), P = r.useCallback(() => Math.max(0, N() - f), [N, f]), F = r.useCallback((e) => {
+		d?.(e), l === void 0 && E(e);
+	}, [l, d]), I = r.useCallback((e) => {
+		S(e), w(0);
+	}, []);
+	r.useEffect(() => {
+		I(M ? 0 : P());
+	}, [
+		M,
+		P,
+		I
+	]), r.useEffect(() => {
+		b.current && (b.current.inert = !M);
+	}, [M]), r.useEffect(() => {
+		let e = y.current;
+		if (!e || M || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => I(P()));
+		return t.observe(e), () => t.disconnect();
+	}, [
+		P,
+		M,
+		I
+	]);
+	let L = r.useCallback(() => F(!0), [F]), R = r.useCallback(() => F(!1), [F]), z = r.useCallback((e) => {
+		D.current = !0, O.current = !1, k.current = {
+			startY: e.clientY,
+			startTime: Date.now()
+		}, e.currentTarget.setPointerCapture(e.pointerId);
+	}, []), B = r.useCallback((e) => {
+		if (!D.current || !k.current) return;
+		let t = e.clientY - k.current.startY;
+		Math.abs(t) > 4 && (O.current = !0), w(Math.max(-x, t));
+	}, [x]), V = r.useCallback((e) => {
+		if (!D.current || !k.current) return;
+		D.current = !1;
+		let t = e.clientY - k.current.startY, n = Date.now() - k.current.startTime, r = n > 0 ? t / n : 0;
+		if (k.current = null, w(0), O.current) {
+			let e = N(), n = Math.max(0, x + t), i = e > 0 ? n / e : 0;
+			r > o ? R() : r < -.4 ? L() : i > s ? R() : L();
+		}
+	}, [
+		x,
+		N,
+		L,
+		R
+	]), H = r.useCallback(() => {
+		O.current || (M ? R() : L());
+	}, [
+		M,
+		L,
+		R
+	]), U = Math.max(0, x + C);
+	return /* @__PURE__ */ a("section", {
+		ref: y,
+		"data-slot": "bottom-sheet",
+		"aria-label": v,
+		className: t("flex flex-col overflow-hidden", m),
+		style: {
+			transform: M ? `translateY(${U}px)` : `translateY(calc(100% - ${f}px))`,
+			transition: D.current || A ? "none" : "transform 0.35s cubic-bezier(0.32, 0.72, 0, 1)"
+		},
+		children: [/* @__PURE__ */ i("button", {
+			type: "button",
+			"data-slot": "button bottom-sheet-handle",
+			"aria-expanded": M,
+			"aria-controls": j,
+			"aria-label": M ? "Collapse panel" : "Expand panel",
+			onPointerDown: z,
+			onPointerMove: B,
+			onPointerUp: V,
+			onPointerCancel: V,
+			onClick: H,
+			onKeyDown: (e) => {
+				e.key === "Escape" && R();
+			},
+			className: t("ui-bottom-sheet-handle flex w-full shrink-0 cursor-grab justify-center py-3.5 active:cursor-grabbing", g),
+			children: /* @__PURE__ */ i("span", {
+				"aria-hidden": "true",
+				className: "bg-border h-1 w-9 rounded-full"
+			})
+		}), /* @__PURE__ */ i("div", {
+			ref: b,
+			"data-slot": "bottom-sheet-scroll",
+			id: j,
+			"aria-hidden": !M || void 0,
+			className: t("flex-1 overflow-y-auto", h),
+			children: c
+		})]
+	});
+}
+//#endregion
+export { c as BottomSheet };

package/dist/components/overlays/command.d.ts

@@ -0,0 +1,29 @@
+import { Combobox as CommandPrimitive } from "@base-ui/react/combobox";
+import * as React from "react";
+import { Dialog } from "./dialog";
+declare function Command({ className, children, ...props }: Omit<React.ComponentProps<typeof CommandPrimitive.Root<string>>, "className"> & {
+    className?: string;
+}): React.JSX.Element;
+declare function CommandDialog({ title, description, children, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
+    title?: string;
+    description?: string;
+    showCloseButton?: boolean;
+    children?: React.ReactNode;
+}): React.JSX.Element;
+type CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input> & {
+    onValueChange?: (value: string) => void;
+};
+declare function CommandInput({ className, onValueChange, onChange, "aria-label": ariaLabel, ...props }: CommandInputProps): React.JSX.Element;
+declare function CommandList({ children, className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, heading, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Group> & {
+    heading?: React.ReactNode;
+}): React.JSX.Element;
+type CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item> & {
+    onSelect?: () => void;
+};
+declare function CommandItem({ className, onSelect, onClick, ...props }: CommandItemProps): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function CommandListLoading({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandListLoading, CommandSeparator, CommandShortcut, };

package/dist/components/overlays/command.js

@@ -0,0 +1,123 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "./dialog.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { SearchIcon as l } from "lucide-react";
+import { Combobox as u } from "@base-ui/react/combobox";
+//#region src/components/overlays/command.tsx
+function d({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "command",
+		className: e("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", t),
+		children: /* @__PURE__ */ s(u.Root, {
+			...r,
+			children: n
+		})
+	});
+}
+function f({ title: e = "Command Palette", description: o = "Search for a command to run...", children: l, showCloseButton: u = !0, ...f }) {
+	return /* @__PURE__ */ c(t, {
+		...f,
+		children: [/* @__PURE__ */ c(i, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ s(a, { children: e }), /* @__PURE__ */ s(r, { children: o })]
+		}), /* @__PURE__ */ s(n, {
+			className: "overflow-hidden p-0",
+			showCloseButton: u,
+			children: /* @__PURE__ */ s(d, { children: l })
+		})]
+	});
+}
+function p({ className: t, onValueChange: n, onChange: r, "aria-label": i = "Search commands", ...a }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b px-3",
+		children: [/* @__PURE__ */ s(l, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ s(u.Input, {
+			"data-slot": "command-input",
+			"aria-label": i,
+			className: e("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden", "disabled:cursor-not-allowed disabled:opacity-50", t),
+			onChange: (e) => {
+				r?.(e), n?.(e.currentTarget.value);
+			},
+			...a
+		})]
+	});
+}
+function m({ children: t, className: n, ...r }) {
+	if (typeof t == "function") return /* @__PURE__ */ s(u.List, {
+		"data-slot": "command-list",
+		"aria-label": "Command results",
+		tabIndex: 0,
+		className: e("max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto", n),
+		...r,
+		children: t
+	});
+	let i = [], a = [];
+	return o.Children.forEach(t, (e) => {
+		o.isValidElement(e) && e.type === h ? a.push(e) : i.push(e);
+	}), /* @__PURE__ */ c("div", {
+		"data-slot": "command-list-container",
+		className: "relative",
+		children: [/* @__PURE__ */ s(u.List, {
+			"data-slot": "command-list",
+			"aria-label": "Command results",
+			tabIndex: 0,
+			className: e("max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto", n),
+			...r,
+			children: i
+		}), a]
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ s(u.Empty, {
+		"data-slot": "command-empty",
+		className: e("py-6 text-center text-sm", t),
+		...n
+	});
+}
+function g({ className: t, heading: n, children: r, ...i }) {
+	return /* @__PURE__ */ c(u.Group, {
+		"data-slot": "command-group",
+		className: e("text-foreground overflow-hidden p-1", t),
+		...i,
+		children: [n ? /* @__PURE__ */ s(u.GroupLabel, {
+			className: "text-muted-foreground px-2 py-1.5 text-xs font-medium",
+			children: n
+		}) : null, r]
+	});
+}
+function _({ className: t, onSelect: n, onClick: r, ...i }) {
+	return /* @__PURE__ */ s(u.Item, {
+		"data-slot": "command-item",
+		className: e("data-highlighted:bg-muted data-highlighted:text-muted-foreground relative flex cursor-pointer items-center gap-3 rounded-md px-3 py-2.5 text-sm outline-hidden select-none", "data-disabled:pointer-events-none data-disabled:opacity-50", t),
+		onClick: (e) => {
+			r?.(e), n?.();
+		},
+		...i
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "command-separator",
+		"aria-hidden": "true",
+		className: e("bg-border -mx-1 h-px", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ s("span", {
+		"data-slot": "command-shortcut",
+		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "command-list-loading",
+		className: e("py-6 text-center text-sm", t),
+		...n
+	});
+}
+//#endregion
+export { d as Command, f as CommandDialog, h as CommandEmpty, g as CommandGroup, p as CommandInput, _ as CommandItem, m as CommandList, b as CommandListLoading, v as CommandSeparator, y as CommandShortcut };

package/dist/components/overlays/dialog.d.ts

@@ -0,0 +1,30 @@
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import * as React from "react";
+/**
+ * `alert: true` swaps the root primitive for Base UI's `AlertDialog.Root`:
+ * `role="alertdialog"`, forced `modal`, and no dismiss via outside click or
+ * Escape — for confirmations that need explicit acknowledgment. Every other
+ * part (`Trigger`, `Popup`, `Close`, `Title`, `Description`, ...) is a plain
+ * re-export shared by both Base UI primitives, so only the root needs to
+ * branch; `DialogContent` reads `DialogAlertContext` to default its close
+ * button off in alert mode.
+ */
+declare function Dialog({ alert, modal, disablePointerDismissal, ...props }: Omit<React.ComponentProps<typeof BaseDialog.Root>, "handle"> & {
+    alert?: boolean;
+}): React.JSX.Element;
+declare function DialogTrigger({ asChild, children, ...props }: React.ComponentProps<typeof BaseDialog.Trigger> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof BaseDialog.Portal>): React.JSX.Element;
+declare function DialogClose({ asChild, children, ...props }: React.ComponentProps<typeof BaseDialog.Close> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof BaseDialog.Backdrop>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof BaseDialog.Popup> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof BaseDialog.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof BaseDialog.Description>): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/overlays/dialog.js

@@ -0,0 +1,105 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { useUiText as t } from "../../translations/ui-provider.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { XIcon as a } from "lucide-react";
+import { AlertDialog as o } from "@base-ui/react/alert-dialog";
+import { Dialog as s } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog.tsx
+var c = n.createContext(!1);
+function l({ alert: e = !1, modal: t, disablePointerDismissal: n, ...i }) {
+	return /* @__PURE__ */ r(c, {
+		value: e,
+		children: e ? /* @__PURE__ */ r(o.Root, { ...i }) : /* @__PURE__ */ r(s.Root, {
+			modal: t,
+			disablePointerDismissal: n,
+			...i
+		})
+	});
+}
+function u({ asChild: e, children: t, ...i }) {
+	return e && n.isValidElement(t) ? /* @__PURE__ */ r(s.Trigger, {
+		"data-slot": "dialog-trigger",
+		render: (e) => n.cloneElement(t, e),
+		...i
+	}) : /* @__PURE__ */ r(s.Trigger, {
+		"data-slot": "dialog-trigger",
+		...i,
+		children: t
+	});
+}
+function d({ ...e }) {
+	return /* @__PURE__ */ r(s.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function f({ asChild: e, children: t, ...i }) {
+	return e && n.isValidElement(t) ? /* @__PURE__ */ r(s.Close, {
+		"data-slot": "dialog-close",
+		render: (e) => n.cloneElement(t, e),
+		...i
+	}) : /* @__PURE__ */ r(s.Close, {
+		"data-slot": "dialog-close",
+		...i,
+		children: t
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ r(s.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: e("fixed inset-0 z-50 bg-black/80", t),
+		...n
+	});
+}
+var m = "bg-popover text-popover-foreground fixed inset-x-0 bottom-0 z-50 grid max-h-[90dvh] w-full gap-6 overflow-y-auto rounded-t-xl border p-4 outline-none sm:top-[50%] sm:bottom-auto sm:left-[50%] sm:w-[calc(100%-2rem)] sm:max-w-[30rem] sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-xl sm:p-6";
+function h({ className: o, children: l, showCloseButton: u, ...d }) {
+	let f = n.useContext(c), h = t("dialog.close", "Close"), g = u ?? !f;
+	return /* @__PURE__ */ i(s.Portal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ r(p, {}), /* @__PURE__ */ i(s.Popup, {
+			"data-slot": "dialog-content",
+			className: e(m, o),
+			...d,
+			children: [l, g && /* @__PURE__ */ i(s.Close, {
+				"data-slot": "dialog-close",
+				className: "text-muted-foreground hover:bg-muted hover:text-muted-foreground focus-visible:outline-ring absolute top-3 right-3 inline-flex size-9 items-center justify-center rounded-md border border-transparent opacity-100 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none sm:top-4 sm:right-4 [&_svg]:pointer-events-none [&_svg]:size-4.5 [&_svg]:shrink-0",
+				children: [/* @__PURE__ */ r(a, {}), /* @__PURE__ */ r("span", {
+					className: "sr-only",
+					children: h
+				})]
+			})]
+		})]
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-2 text-left", t),
+		...n
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dialog-footer",
+		className: e("flex flex-col-reverse gap-3 sm:flex-row sm:justify-end", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ r(s.Title, {
+		"data-slot": "dialog-title",
+		className: e("text-lg leading-none font-semibold tracking-tight", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ r(s.Description, {
+		"data-slot": "dialog-description",
+		className: e("text-muted-foreground max-w-prose text-sm", t),
+		...n
+	});
+}
+//#endregion
+export { l as Dialog, f as DialogClose, h as DialogContent, y as DialogDescription, _ as DialogFooter, g as DialogHeader, p as DialogOverlay, d as DialogPortal, v as DialogTitle, u as DialogTrigger };

package/dist/components/overlays/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import { Menu as DropdownMenuPrimitive } from "@base-ui/react/menu";
+import * as React from "react";
+declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal(props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ asChild, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Popup> & {
+    sideOffset?: number;
+}): React.JSX.Element;
+declare function DropdownMenuGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.GroupLabel> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.SubmenuRoot>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubmenuTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Popup>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };