@ponti-studios/ui 2.0.1 → 3.0.0

package/dist/components/overlays/dropdown-menu.js

@@ -0,0 +1,128 @@
+"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 { CheckIcon as i, ChevronRightIcon as a, CircleIcon as o } from "lucide-react";
+import { Menu as s } from "@base-ui/react/menu";
+//#region src/components/overlays/dropdown-menu.tsx
+function c(e) {
+	return /* @__PURE__ */ n(s.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function l(e) {
+	return /* @__PURE__ */ n(s.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function u({ asChild: e, children: r, ...i }) {
+	return /* @__PURE__ */ n(s.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e && t.isValidElement(r) ? { render: r } : {},
+		...i,
+		children: !e && r
+	});
+}
+function d({ className: t, sideOffset: i = 4, children: a, ...o }) {
+	return /* @__PURE__ */ r(s.Portal, { children: [/* @__PURE__ */ n(s.Backdrop, { className: "ui-mobile-sheet-backdrop" }), /* @__PURE__ */ n(s.Positioner, {
+		className: "ui-mobile-sheet-positioner",
+		sideOffset: i,
+		children: /* @__PURE__ */ n(s.Popup, {
+			"data-slot": "dropdown-menu-content",
+			className: e("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 outline-none ui-mobile-sheet-popup", t),
+			...o,
+			children: a
+		})
+	})] });
+}
+function f(e) {
+	return /* @__PURE__ */ n(s.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function p({ className: t, inset: r, ...i }) {
+	return /* @__PURE__ */ n(s.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": r,
+		className: e("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t),
+		...i
+	});
+}
+function m({ className: t, inset: r, variant: i = "default", ...a }) {
+	return /* @__PURE__ */ n(s.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": r,
+		"data-variant": i,
+		className: e("data-highlighted:bg-muted data-highlighted:text-muted-foreground data-[variant=destructive]:text-destructive-text data-[variant=destructive]:data-highlighted:bg-destructive/10 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", t),
+		...a
+	});
+}
+function h({ className: t, children: a, checked: o, ...c }) {
+	return /* @__PURE__ */ r(s.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: e("data-highlighted:bg-muted data-highlighted:text-muted-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50", t),
+		checked: o,
+		...c,
+		children: [/* @__PURE__ */ n("span", {
+			className: "absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ n(s.CheckboxItemIndicator, { children: /* @__PURE__ */ n(i, { className: "size-4" }) })
+		}), a]
+	});
+}
+function g(e) {
+	return /* @__PURE__ */ n(s.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function _({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r(s.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: e("data-highlighted:bg-muted data-highlighted:text-muted-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50", t),
+		...a,
+		children: [/* @__PURE__ */ n("span", {
+			className: "absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ n(s.RadioItemIndicator, { children: /* @__PURE__ */ n(o, { className: "size-2 fill-current" }) })
+		}), i]
+	});
+}
+function v({ className: t, ...r }) {
+	return /* @__PURE__ */ n(s.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("bg-border -mx-1 my-1 h-px", t),
+		...r
+	});
+}
+function y({ className: t, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("ml-auto text-xs tracking-widest opacity-60", t),
+		...r
+	});
+}
+function b(e) {
+	return /* @__PURE__ */ n(s.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function x({ className: t, inset: i, children: o, ...c }) {
+	return /* @__PURE__ */ r(s.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": i,
+		className: e("data-highlighted:bg-muted data-highlighted:text-muted-foreground data-open:bg-muted data-open:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8", t),
+		...c,
+		children: [o, /* @__PURE__ */ n(a, { className: "ml-auto size-4" })]
+	});
+}
+function S({ className: t, ...r }) {
+	return /* @__PURE__ */ n(s.Popup, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: e("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg outline-none", t),
+		...r
+	});
+}
+//#endregion
+export { c as DropdownMenu, h as DropdownMenuCheckboxItem, d as DropdownMenuContent, f as DropdownMenuGroup, m as DropdownMenuItem, p as DropdownMenuLabel, l as DropdownMenuPortal, g as DropdownMenuRadioGroup, _ as DropdownMenuRadioItem, v as DropdownMenuSeparator, y as DropdownMenuShortcut, b as DropdownMenuSub, S as DropdownMenuSubContent, x as DropdownMenuSubTrigger, u as DropdownMenuTrigger };

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

@@ -0,0 +1,7 @@
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandListLoading, CommandSeparator, CommandShortcut, } from "./command";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./dropdown-menu";
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./popover";
+export { BottomSheet, type BottomSheetProps } from "./bottom-sheet";
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from "./tooltip";
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from "./sheet";

package/dist/components/overlays/index.js

@@ -0,0 +1,8 @@
+import { Dialog as e, DialogClose as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogOverlay as o, DialogPortal as s, DialogTitle as c, DialogTrigger as l } from "./dialog.js";
+import { Command as u, CommandDialog as d, CommandEmpty as f, CommandGroup as p, CommandInput as m, CommandItem as h, CommandList as g, CommandListLoading as _, CommandSeparator as v, CommandShortcut as y } from "./command.js";
+import { DropdownMenu as b, DropdownMenuCheckboxItem as x, DropdownMenuContent as S, DropdownMenuGroup as C, DropdownMenuItem as w, DropdownMenuLabel as T, DropdownMenuPortal as E, DropdownMenuRadioGroup as D, DropdownMenuRadioItem as O, DropdownMenuSeparator as k, DropdownMenuShortcut as A, DropdownMenuSub as j, DropdownMenuSubContent as M, DropdownMenuSubTrigger as N, DropdownMenuTrigger as P } from "./dropdown-menu.js";
+import { Popover as F, PopoverAnchor as I, PopoverContent as L, PopoverTrigger as R } from "./popover.js";
+import { BottomSheet as z } from "./bottom-sheet.js";
+import { Tooltip as B, TooltipContent as V, TooltipPortal as H, TooltipProvider as U, TooltipTrigger as W } from "./tooltip.js";
+import { Sheet as G, SheetClose as K, SheetContent as q, SheetDescription as J, SheetFooter as Y, SheetHeader as X, SheetOverlay as Z, SheetPortal as Q, SheetTitle as $, SheetTrigger as ee } from "./sheet.js";
+export { z as BottomSheet, u as Command, d as CommandDialog, f as CommandEmpty, p as CommandGroup, m as CommandInput, h as CommandItem, g as CommandList, _ as CommandListLoading, v as CommandSeparator, y as CommandShortcut, e as Dialog, t as DialogClose, n as DialogContent, r as DialogDescription, i as DialogFooter, a as DialogHeader, o as DialogOverlay, s as DialogPortal, c as DialogTitle, l as DialogTrigger, b as DropdownMenu, x as DropdownMenuCheckboxItem, S as DropdownMenuContent, C as DropdownMenuGroup, w as DropdownMenuItem, T as DropdownMenuLabel, E as DropdownMenuPortal, D as DropdownMenuRadioGroup, O as DropdownMenuRadioItem, k as DropdownMenuSeparator, A as DropdownMenuShortcut, j as DropdownMenuSub, M as DropdownMenuSubContent, N as DropdownMenuSubTrigger, P as DropdownMenuTrigger, F as Popover, I as PopoverAnchor, L as PopoverContent, R as PopoverTrigger, G as Sheet, K as SheetClose, q as SheetContent, J as SheetDescription, Y as SheetFooter, X as SheetHeader, Z as SheetOverlay, Q as SheetPortal, $ as SheetTitle, ee as SheetTrigger, B as Tooltip, V as TooltipContent, H as TooltipPortal, U as TooltipProvider, W as TooltipTrigger };

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

@@ -0,0 +1,14 @@
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import * as React from "react";
+declare function Popover({ modal, ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger({ asChild, children, ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, children, side, avoidCollisions, ...props }: React.ComponentProps<typeof PopoverPrimitive.Popup> & {
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    side?: "top" | "right" | "bottom" | "left";
+    avoidCollisions?: boolean;
+}): React.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/overlays/popover.js

@@ -0,0 +1,56 @@
+"use client";
+import { useIsMobile as e } from "../../hooks/use-mobile.js";
+import { cn as t } from "../../lib/utils.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 { Popover as o } from "@base-ui/react/popover";
+//#region src/components/overlays/popover.tsx
+function s({ modal: t, ...n }) {
+	let i = e();
+	return /* @__PURE__ */ r(o.Root, {
+		"data-slot": "popover",
+		modal: t ?? i,
+		...n
+	});
+}
+function c({ asChild: e, children: t, ...i }) {
+	return /* @__PURE__ */ r(o.Trigger, {
+		"data-slot": "popover-trigger",
+		...e && n.isValidElement(t) ? { render: t } : {},
+		...i,
+		children: !e && t
+	});
+}
+function l({ className: e, align: n = "center", sideOffset: s = 4, children: c, side: l = "bottom", avoidCollisions: u = !0, ...d }) {
+	return /* @__PURE__ */ i(o.Portal, { children: [/* @__PURE__ */ r(o.Backdrop, { className: "ui-mobile-sheet-backdrop" }), /* @__PURE__ */ r(o.Positioner, {
+		className: "ui-mobile-sheet-positioner",
+		align: n,
+		side: l,
+		sideOffset: s,
+		collisionAvoidance: u ? void 0 : {
+			side: "none",
+			align: "none"
+		},
+		children: /* @__PURE__ */ i(o.Popup, {
+			"data-slot": "popover-content",
+			className: t("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 relative z-50 w-72 origin-(--transform-origin) rounded-md border p-4 outline-hidden ui-mobile-sheet-popup ui-mobile-popover-popup", e),
+			...d,
+			children: [c, /* @__PURE__ */ i(o.Close, {
+				className: "ui-mobile-sheet-close",
+				children: [/* @__PURE__ */ r(a, { "aria-hidden": "true" }), /* @__PURE__ */ r("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})
+	})] });
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ r(o.Trigger, {
+		"data-slot": "popover-anchor",
+		...e
+	});
+}
+//#endregion
+export { s as Popover, u as PopoverAnchor, l as PopoverContent, c as PopoverTrigger };

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

@@ -0,0 +1,27 @@
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
+import * as React from "react";
+declare const Sheet: typeof SheetPrimitive.Root;
+declare function SheetTrigger({ asChild, children, ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SheetClose({ asChild, children, ...props }: React.ComponentProps<typeof SheetPrimitive.Close> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare const SheetPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {
+    /** Applied to the built-in close button, alongside its default styling. */
+    closeClassName?: string;
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function SheetHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetHeader {
+    var displayName: string;
+}
+declare function SheetFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetFooter {
+    var displayName: string;
+}
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };

package/dist/components/overlays/sheet.js

@@ -0,0 +1,81 @@
+"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 { X as a } from "lucide-react";
+import { Dialog as o } from "@base-ui/react/dialog";
+//#region src/components/overlays/sheet.tsx
+var s = o.Root;
+function c({ asChild: e, children: t, ...i }) {
+	return /* @__PURE__ */ r(o.Trigger, {
+		...e && n.isValidElement(t) ? { render: t } : {},
+		...i,
+		children: !e && t
+	});
+}
+function l({ asChild: e, children: t, ...i }) {
+	return /* @__PURE__ */ r(o.Close, {
+		...e && n.isValidElement(t) ? {
+			render: t,
+			nativeButton: !1
+		} : {},
+		...i,
+		children: !e && t
+	});
+}
+var u = o.Portal, d = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(o.Backdrop, {
+	"data-slot": "sheet-overlay",
+	className: e("fixed inset-0 z-50 bg-black/80", t),
+	...n,
+	ref: i
+}));
+d.displayName = "SheetOverlay";
+var f = [
+	"bg-background text-foreground rounded-xl border shadow-lg",
+	"flex flex-col gap-6 p-4",
+	"fixed z-50 inset-x-2 bottom-[max(0.5rem,env(safe-area-inset-bottom))]",
+	"max-h-[calc(100dvh-2rem)] min-h-[30dvh]",
+	"md:inset-y-2 md:right-2 md:left-auto md:bottom-auto",
+	"md:w-3/4 md:max-w-sm md:min-h-0"
+], p = n.forwardRef(({ className: n, closeClassName: s, children: c, ...l }, p) => {
+	let m = t("sheet.close", "Close");
+	return /* @__PURE__ */ i(u, { children: [/* @__PURE__ */ r(d, {}), /* @__PURE__ */ i(o.Popup, {
+		ref: p,
+		"data-slot": "sheet-content",
+		className: e(f, n),
+		...l,
+		children: [/* @__PURE__ */ i(o.Close, {
+			className: e("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 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none md:top-4 md:right-4", s),
+			children: [/* @__PURE__ */ r(a, { className: "size-4.5" }), /* @__PURE__ */ r("span", {
+				className: "sr-only",
+				children: m
+			})]
+		}), c]
+	})] });
+});
+p.displayName = "SheetContent";
+var m = ({ className: t, ...n }) => /* @__PURE__ */ r("div", {
+	className: e("flex flex-col gap-2 text-left", t),
+	...n
+});
+m.displayName = "SheetHeader";
+var h = ({ className: t, ...n }) => /* @__PURE__ */ r("div", {
+	className: e("mt-auto flex flex-col-reverse gap-3 sm:flex-row sm:justify-end", t),
+	...n
+});
+h.displayName = "SheetFooter";
+var g = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(o.Title, {
+	ref: i,
+	className: e("text-lg font-semibold tracking-tight", t),
+	...n
+}));
+g.displayName = o.Title.displayName;
+var _ = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(o.Description, {
+	ref: i,
+	className: e("text-muted-foreground max-w-prose text-sm", t),
+	...n
+}));
+_.displayName = o.Description.displayName;
+//#endregion
+export { s as Sheet, l as SheetClose, p as SheetContent, _ as SheetDescription, h as SheetFooter, m as SheetHeader, d as SheetOverlay, u as SheetPortal, g as SheetTitle, c as SheetTrigger };

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

@@ -0,0 +1,10 @@
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import * as React from "react";
+declare const TooltipProvider: React.FC<import("@base-ui/react").TooltipProviderProps>;
+declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipTrigger: TooltipPrimitive.Trigger;
+declare const TooltipPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Popup> & {
+    sideOffset?: number;
+}): React.JSX.Element;
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger };

package/dist/components/overlays/tooltip.js

@@ -0,0 +1,23 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Tooltip as r } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip.tsx
+var i = r.Provider, a = r.Root, o = r.Trigger, s = r.Portal;
+function c({ className: i, sideOffset: a = 4, children: o, ...s }) {
+	return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(r.Positioner, {
+		sideOffset: a,
+		children: /* @__PURE__ */ n(r.Popup, {
+			"data-slot": "tooltip-content",
+			className: e("bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-2.5 py-1.5 text-xs text-balance", i),
+			...s,
+			children: [o, /* @__PURE__ */ t(r.Arrow, {
+				"data-slot": "tooltip-arrow",
+				className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px]"
+			})]
+		})
+	}) });
+}
+//#endregion
+export { a as Tooltip, c as TooltipContent, s as TooltipPortal, i as TooltipProvider, o as TooltipTrigger };

package/dist/components/primitives/avatar.d.ts

@@ -0,0 +1,14 @@
+import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import * as React from "react";
+type AvatarSize = "sm" | "default" | "lg";
+declare function Avatar({ className, size, statusBadge, children, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: AvatarSize;
+    statusBadge?: boolean;
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+declare function AvatarGroup({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: AvatarSize;
+}): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/components/primitives/avatar.js

@@ -0,0 +1,72 @@
+"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 { Avatar as i } from "@base-ui/react/avatar";
+//#region src/components/primitives/avatar.tsx
+var a = t.createContext({ size: "default" }), o = {
+	sm: "size-6",
+	default: "size-6",
+	lg: "size-10"
+}, s = {
+	sm: "size-2",
+	default: "size-2.5",
+	lg: "size-3"
+}, c = {
+	sm: "text-xs",
+	default: "text-sm",
+	lg: "text-sm"
+}, l = {
+	sm: "[&>svg]:size-3",
+	default: "[&>svg]:size-4",
+	lg: "[&>svg]:size-5"
+};
+function u({ className: t, size: c = "default", statusBadge: l = !1, children: u, ...d }) {
+	return /* @__PURE__ */ n(a.Provider, {
+		value: { size: c },
+		children: /* @__PURE__ */ r(i.Root, {
+			"data-slot": "avatar",
+			className: e("relative inline-flex shrink-0 rounded-full select-none", o[c], t),
+			...d,
+			children: [u, l ? /* @__PURE__ */ n("span", {
+				"data-slot": "avatar-badge",
+				className: e("bg-primary ring-background absolute right-0 bottom-0 z-10 rounded-full ring-2", s[c])
+			}) : null]
+		})
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Image, {
+		"data-slot": "avatar-image",
+		className: e("absolute inset-0 size-full rounded-full object-cover", t),
+		...r
+	});
+}
+function f({ className: r, ...o }) {
+	let { size: s } = t.useContext(a);
+	return /* @__PURE__ */ n(i.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: e("bg-muted text-muted-foreground absolute inset-0 flex items-center justify-center rounded-full", c[s], r),
+		...o
+	});
+}
+function p({ className: t, size: r = "default", ...i }) {
+	return /* @__PURE__ */ n(a.Provider, {
+		value: { size: r },
+		children: /* @__PURE__ */ n("div", {
+			"data-slot": "avatar-group",
+			className: e("*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2", t),
+			...i
+		})
+	});
+}
+function m({ className: r, ...i }) {
+	let { size: s } = t.useContext(a);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "avatar-group-count",
+		className: e("bg-muted text-muted-foreground ring-background relative flex shrink-0 items-center justify-center rounded-full text-sm ring-2", o[s], l[s], r),
+		...i
+	});
+}
+//#endregion
+export { u as Avatar, f as AvatarFallback, p as AvatarGroup, m as AvatarGroupCount, d as AvatarImage };

package/dist/components/primitives/badge.d.ts

@@ -0,0 +1,7 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "ref" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/primitives/badge.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+//#region src/components/primitives/badge.tsx
+var r = n("state-settle inline-flex w-fit shrink-0 items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded border border-transparent px-1.5 py-px text-xs font-medium [&>svg]:size-3 [&>svg]:pointer-events-none aria-invalid:border-destructive aria-invalid:ring-destructive/20", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80",
+		destructive: "bg-destructive text-destructive-foreground [a&]:hover:bg-destructive/90",
+		outline: "border-border text-foreground [a&]:hover:bg-muted",
+		ghost: "bg-transparent text-foreground [a&]:hover:bg-muted",
+		link: "text-foreground underline-offset-4 [a&]:hover:underline",
+		ref: "ref-tag border-transparent bg-transparent px-0 py-0 font-normal"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function i({ className: n, variant: i = "default", ...a }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "badge",
+		"data-variant": i,
+		className: e(r({ variant: i }), n),
+		...a
+	});
+}
+//#endregion
+export { i as Badge, r as badgeVariants };

package/dist/components/primitives/button.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+    size?: "icon" | "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+    loadingLabel?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/components/primitives/button.js

@@ -0,0 +1,113 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { useUiText as t } from "../../translations/ui-provider.js";
+import { Spinner as n } from "../feedback/spinner.js";
+import * as r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cva as s } from "class-variance-authority";
+import { Button as c } from "@base-ui/react/button";
+//#region src/components/primitives/button.tsx
+var l = s([
+	"inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors outline-none",
+	"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+	"disabled:pointer-events-none disabled:opacity-50",
+	"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+], {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: "border-input bg-background hover:bg-muted hover:text-muted-foreground",
+			secondary: "border-input bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "border-transparent bg-transparent hover:bg-muted hover:text-muted-foreground",
+			link: "border-transparent bg-transparent px-0 text-accent-text underline-offset-4 hover:underline"
+		},
+		size: {
+			sm: "min-h-8 px-2.5 text-xs",
+			md: "min-h-9 px-3 text-sm",
+			lg: "min-h-10 px-4 text-base",
+			icon: "size-9 rounded-md p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+}), u = r.forwardRef(({ children: s, className: u, disabled: d, isLoading: f = !1, loadingLabel: p, variant: m, size: h, asChild: g = !1, type: _ = "button", "aria-label": v, ...y }, b) => {
+	let x = t("button.loading", "Loading"), S = p ?? x;
+	if (g && r.isValidElement(s)) {
+		let t = s, p = r.cloneElement(t, { children: f ? /* @__PURE__ */ o(i, { children: [
+			/* @__PURE__ */ a("span", {
+				className: "opacity-0",
+				"aria-hidden": "true",
+				children: t.props.children
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "absolute inset-0 inline-flex items-center justify-center",
+				children: /* @__PURE__ */ a(n, {
+					size: "sm",
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "sr-only",
+				children: S
+			})
+		] }) : t.props.children });
+		return /* @__PURE__ */ a(c, {
+			...y,
+			"data-slot": "button",
+			type: _,
+			render: p,
+			nativeButton: !1,
+			className: e(l({
+				variant: m,
+				size: h,
+				className: u
+			}), f && "relative"),
+			disabled: d || f,
+			"aria-busy": f,
+			"aria-label": f ? S : v,
+			ref: b
+		});
+	}
+	return /* @__PURE__ */ a("button", {
+		...y,
+		"data-slot": "button",
+		className: e(l({
+			variant: m,
+			size: h,
+			className: u
+		}), f && "relative"),
+		style: {
+			...y.style,
+			cursor: d || f ? "default" : "pointer"
+		},
+		type: _,
+		ref: b,
+		disabled: d || f,
+		"aria-busy": f,
+		"aria-label": f ? S : v,
+		children: f ? /* @__PURE__ */ o(i, { children: [
+			/* @__PURE__ */ a("span", {
+				className: "opacity-0",
+				"aria-hidden": "true",
+				children: s
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "absolute inset-0 inline-flex items-center justify-center",
+				children: /* @__PURE__ */ a(n, {
+					size: "sm",
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "sr-only",
+				children: S
+			})
+		] }) : s
+	});
+});
+u.displayName = "Button";
+//#endregion
+export { u as Button, l as buttonVariants };

package/{src/components/primitives/button.types.ts → dist/components/primitives/button.types.d.ts}

@@ -1,10 +1,8 @@
 export type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
-
 export type ButtonSize = "sm" | "md" | "lg" | "default" | "icon";
-
 export interface ButtonBaseProps {
-  isLoading?: boolean | undefined;
-  size?: ButtonSize;
-  title?: string | undefined;
-  variant?: ButtonVariant;
+    isLoading?: boolean | undefined;
+    size?: ButtonSize;
+    title?: string | undefined;
+    variant?: ButtonVariant;
 }

package/dist/components/primitives/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };