@inspirare/design-system 0.0.22 → 0.0.24

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

@@ -1,58 +1,83 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { ChevronDown as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import * as o from "@radix-ui/react-navigation-menu";
+import { ChevronDownIcon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+import { NavigationMenu as a } from "@base-ui/react/navigation-menu";
 //#region src/components/ui/navigation-menu.tsx
-var s = t.forwardRef(({ className: t, children: n, ...a }, s) => /* @__PURE__ */ i(o.Root, {
-	ref: s,
-	className: e("relative z-10 flex max-w-max flex-1 items-center justify-center", t),
-	...a,
-	children: [n, /* @__PURE__ */ r(m, {})]
-}));
-s.displayName = o.Root.displayName;
-var c = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(o.List, {
-	ref: i,
-	className: e("group flex flex-1 list-none items-center justify-center space-x-1", t),
-	...n
-}));
-c.displayName = o.List.displayName;
-var l = o.Item, u = a("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"), d = t.forwardRef(({ className: t, children: a, ...s }, c) => /* @__PURE__ */ i(o.Trigger, {
-	ref: c,
-	className: e(u(), "group", t),
-	...s,
-	children: [
-		a,
-		" ",
-		/* @__PURE__ */ r(n, {
-			className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
-			"aria-hidden": "true"
+function o({ align: t = "start", className: i, children: o, ...s }) {
+	return /* @__PURE__ */ r(a.Root, {
+		"data-slot": "navigation-menu",
+		className: e("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", i),
+		...s,
+		children: [o, /* @__PURE__ */ n(f, { align: t })]
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.List, {
+		"data-slot": "navigation-menu-list",
+		className: e("group flex flex-1 list-none items-center justify-center gap-0", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Item, {
+		"data-slot": "navigation-menu-item",
+		className: e("relative", t),
+		...r
+	});
+}
+var l = i("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
+function u({ className: i, children: o, ...s }) {
+	return /* @__PURE__ */ r(a.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: e(l(), "group", i),
+		...s,
+		children: [
+			o,
+			" ",
+			/* @__PURE__ */ n(t, {
+				className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Content, {
+		"data-slot": "navigation-menu-content",
+		className: e("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", t),
+		...r
+	});
+}
+function f({ className: t, side: r = "bottom", sideOffset: i = 8, align: o = "start", alignOffset: s = 0, ...c }) {
+	return /* @__PURE__ */ n(a.Portal, { children: /* @__PURE__ */ n(a.Positioner, {
+		side: r,
+		sideOffset: i,
+		align: o,
+		alignOffset: s,
+		className: e("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", t),
+		...c,
+		children: /* @__PURE__ */ n(a.Popup, {
+			className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",
+			children: /* @__PURE__ */ n(a.Viewport, { className: "relative size-full overflow-hidden" })
 		})
-	]
-}));
-d.displayName = o.Trigger.displayName;
-var f = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(o.Content, {
-	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),
-	...n
-}));
-f.displayName = o.Content.displayName;
-var p = o.Link, m = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
-	className: e("absolute left-0 top-full flex justify-center"),
-	children: /* @__PURE__ */ r(o.Viewport, {
-		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: i,
-		...n
-	})
-}));
-m.displayName = o.Viewport.displayName;
-var h = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(o.Indicator, {
-	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__ */ r("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-}));
-h.displayName = o.Indicator.displayName;
+	}) });
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Link, {
+		"data-slot": "navigation-menu-link",
+		className: e("flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Icon, {
+		"data-slot": "navigation-menu-indicator",
+		className: e("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", t),
+		...r,
+		children: /* @__PURE__ */ n("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+	});
+}
 //#endregion
-export { s as NavigationMenu, f as NavigationMenuContent, h as NavigationMenuIndicator, l as NavigationMenuItem, p as NavigationMenuLink, c as NavigationMenuList, d as NavigationMenuTrigger, m as NavigationMenuViewport, u as navigationMenuTriggerStyle };
+export { o as NavigationMenu, d as NavigationMenuContent, m as NavigationMenuIndicator, c as NavigationMenuItem, p as NavigationMenuLink, s as NavigationMenuList, f as NavigationMenuPositioner, u as NavigationMenuTrigger, l as navigationMenuTriggerStyle };

package/dist/components/ui/pagination.js

@@ -1,62 +1,82 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
-import { buttonVariants as t } from "./button.js";
-import * as n from "react";
-import { ChevronLeft as r, ChevronRight as i, MoreHorizontal as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as t } from "./button.js";
+import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "./tooltip.js";
+import { ChevronLeftIcon as a, ChevronRightIcon as o, MoreHorizontalIcon as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import "react";
 //#region src/components/ui/pagination.tsx
-var c = ({ className: t, ...n }) => /* @__PURE__ */ o("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 }, r) => /* @__PURE__ */ o("ul", {
-	ref: r,
-	className: e("flex flex-row items-center gap-1", t),
-	...n
-}));
-l.displayName = "PaginationContent";
-var u = n.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o("li", {
-	ref: r,
-	className: e("", t),
-	...n
-}));
-u.displayName = "PaginationItem";
-var d = ({ className: n, isActive: r, size: i = "icon", ...a }) => /* @__PURE__ */ o("a", {
-	"aria-current": r ? "page" : void 0,
-	className: e(t({
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ c("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: e("mx-auto flex w-full justify-center", t),
+		...n
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ c("ul", {
+		"data-slot": "pagination-content",
+		className: e("flex items-center gap-0.5", t),
+		...n
+	});
+}
+function f({ ...e }) {
+	return /* @__PURE__ */ c("li", {
+		"data-slot": "pagination-item",
+		...e
+	});
+}
+function p({ className: n, isActive: r, size: i = "icon", ...a }) {
+	return /* @__PURE__ */ c(t, {
 		variant: r ? "outline" : "ghost",
-		size: i
-	}), n),
-	...a
-});
-d.displayName = "PaginationLink";
-var f = ({ className: t, ...n }) => /* @__PURE__ */ s(d, {
-	"aria-label": "Go to previous page",
-	size: "default",
-	className: e("gap-1 pl-2.5", t),
-	...n,
-	children: [/* @__PURE__ */ o(r, { className: "h-4 w-4" }), /* @__PURE__ */ o("span", { children: "Previous" })]
-});
-f.displayName = "PaginationPrevious";
-var p = ({ className: t, ...n }) => /* @__PURE__ */ s(d, {
-	"aria-label": "Go to next page",
-	size: "default",
-	className: e("gap-1 pr-2.5", t),
-	...n,
-	children: [/* @__PURE__ */ o("span", { children: "Next" }), /* @__PURE__ */ o(i, { className: "h-4 w-4" })]
-});
-p.displayName = "PaginationNext";
-var m = ({ className: t, ...n }) => /* @__PURE__ */ s("span", {
-	"aria-hidden": !0,
-	className: e("flex h-9 w-9 items-center justify-center", t),
-	...n,
-	children: [/* @__PURE__ */ o(a, { className: "h-4 w-4" }), /* @__PURE__ */ o("span", {
-		className: "sr-only",
-		children: "More pages"
-	})]
-});
-m.displayName = "PaginationEllipsis";
+		size: i,
+		className: e(n),
+		nativeButton: !1,
+		render: /* @__PURE__ */ c("a", {
+			"aria-current": r ? "page" : void 0,
+			"data-slot": "pagination-link",
+			"data-active": r,
+			...a
+		})
+	});
+}
+function m({ className: t, text: o = "Previous", ...s }) {
+	return /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c(i, { render: /* @__PURE__ */ l(p, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: e("pl-1.5!", t),
+		...s,
+		children: [/* @__PURE__ */ c(a, { "data-icon": "inline-start" }), /* @__PURE__ */ c("span", {
+			className: "hidden sm:block",
+			children: o
+		})]
+	}) }), /* @__PURE__ */ c(r, { children: "Voltar" })] });
+}
+function h({ className: t, text: a = "Next", ...s }) {
+	return /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c(i, { render: /* @__PURE__ */ l(p, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: e("pr-1.5!", t),
+		...s,
+		children: [/* @__PURE__ */ c("span", {
+			className: "hidden sm:block",
+			children: a
+		}), /* @__PURE__ */ c(o, { "data-icon": "inline-end" })]
+	}) }), /* @__PURE__ */ c(r, { children: "Próximo" })] });
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ l("span", {
+		"aria-hidden": !0,
+		"data-slot": "pagination-ellipsis",
+		className: e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", t),
+		...n,
+		children: [/* @__PURE__ */ c(s, {}), /* @__PURE__ */ c("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
 //#endregion
-export { c as Pagination, l as PaginationContent, m as PaginationEllipsis, u as PaginationItem, d as PaginationLink, p as PaginationNext, f as PaginationPrevious };
+export { u as Pagination, d as PaginationContent, g as PaginationEllipsis, f as PaginationItem, p as PaginationLink, h as PaginationNext, m as PaginationPrevious };

package/dist/components/ui/popover.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import "react";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-popover";
+import "react";
+import { Popover as n } from "@base-ui/react/popover";
 //#region src/components/ui/popover.tsx
 function r({ ...e }) {
 	return /* @__PURE__ */ t(n.Root, {
@@ -10,27 +10,46 @@ function r({ ...e }) {
 		...e
 	});
 }
-function i({ className: r, ...i }) {
+function i({ ...e }) {
 	return /* @__PURE__ */ t(n.Trigger, {
 		"data-slot": "popover-trigger",
-		className: e("cursor-pointer", r),
-		...i
+		...e
 	});
 }
-function a({ className: r, align: i = "center", sideOffset: a = 4, ...o }) {
-	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Content, {
-		"data-slot": "popover-content",
+function a({ className: r, align: i = "center", alignOffset: a = 0, side: o = "bottom", sideOffset: s = 4, ...c }) {
+	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Positioner, {
 		align: i,
-		sideOffset: a,
-		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-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", r),
-		...o
+		alignOffset: a,
+		side: o,
+		sideOffset: s,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ t(n.Popup, {
+			"data-slot": "popover-content",
+			className: e("z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
+			...c
+		})
 	}) });
 }
-function o({ ...e }) {
-	return /* @__PURE__ */ t(n.Anchor, {
-		"data-slot": "popover-anchor",
-		...e
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "popover-header",
+		className: e("flex flex-col gap-0.5 text-sm", n),
+		...r
+	});
+}
+function s({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Title, {
+		"data-slot": "popover-title",
+		className: e("font-medium", r),
+		...i
+	});
+}
+function c({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Description, {
+		"data-slot": "popover-description",
+		className: e("text-muted-foreground", r),
+		...i
 	});
 }
 //#endregion
-export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };
+export { r as Popover, a as PopoverContent, c as PopoverDescription, o as PopoverHeader, s as PopoverTitle, i as PopoverTrigger };

package/dist/components/ui/progress.js

@@ -1,20 +1,44 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-progress";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Progress as r } from "@base-ui/react/progress";
 //#region src/components/ui/progress.tsx
-function r({ className: r, value: i, ...a }) {
-	return /* @__PURE__ */ t(n.Root, {
+function i({ className: i, children: s, value: c, ...l }) {
+	return /* @__PURE__ */ n(r.Root, {
+		value: c,
 		"data-slot": "progress",
-		className: e("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", r),
-		...a,
-		children: /* @__PURE__ */ t(n.Indicator, {
-			"data-slot": "progress-indicator",
-			className: "bg-primary h-full w-full flex-1 transition-all",
-			style: { transform: `translateX(-${100 - (i || 0)}%)` }
-		})
+		className: e("flex flex-wrap gap-3", i),
+		...l,
+		children: [s, /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(o, {}) })]
+	});
+}
+function a({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Track, {
+		className: e("relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted", n),
+		"data-slot": "progress-track",
+		...i
+	});
+}
+function o({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Indicator, {
+		"data-slot": "progress-indicator",
+		className: e("h-full bg-primary transition-all", n),
+		...i
+	});
+}
+function s({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Label, {
+		className: e("text-sm font-medium", n),
+		"data-slot": "progress-label",
+		...i
+	});
+}
+function c({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Value, {
+		className: e("ml-auto text-sm text-muted-foreground tabular-nums", n),
+		"data-slot": "progress-value",
+		...i
 	});
 }
 //#endregion
-export { r as Progress };
+export { i as Progress, o as ProgressIndicator, s as ProgressLabel, a as ProgressTrack, c as ProgressValue };

package/dist/components/ui/radio-group.js

@@ -1,25 +1,25 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
-import "react";
-import { CircleIcon as t } from "lucide-react";
-import { jsx as n } from "react/jsx-runtime";
-import { RadioGroup as r } from "radix-ui";
+import { jsx as t } from "react/jsx-runtime";
+import { Radio as n } from "@base-ui/react/radio";
+import { RadioGroup as r } from "@base-ui/react/radio-group";
 //#region src/components/ui/radio-group.tsx
-function i({ className: t, ...i }) {
-	return /* @__PURE__ */ n(r.Root, {
+function i({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r, {
 		"data-slot": "radio-group",
-		className: e("grid gap-3", t),
+		className: e("grid w-full gap-2", n),
 		...i
 	});
 }
-function a({ className: i, ...a }) {
-	return /* @__PURE__ */ n(r.Item, {
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "radio-group-item",
-		className: e("aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40", i),
-		...a,
-		children: /* @__PURE__ */ n(r.Indicator, {
+		className: e("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary cursor-pointer cursor-pointer", r),
+		...i,
+		children: /* @__PURE__ */ t(n.Indicator, {
 			"data-slot": "radio-group-indicator",
-			className: "relative flex items-center justify-center",
-			children: /* @__PURE__ */ n(t, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+			className: "flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ t("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
 		})
 	});
 }

package/dist/components/ui/resizable.js

@@ -1,19 +1,28 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import { GripVertical as t } from "lucide-react";
-import { jsx as n } from "react/jsx-runtime";
-import * as r from "react-resizable-panels";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react-resizable-panels";
 //#region src/components/ui/resizable.tsx
-var i = ({ className: t, ...i }) => /* @__PURE__ */ n(r.Group, {
-	className: e("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", t),
-	...i
-}), a = r.Panel, o = ({ children: i, className: a, ...o }) => /* @__PURE__ */ n(r.Separator, {
-	className: e("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90", a),
-	...o,
-	children: i ?? /* @__PURE__ */ n("div", {
-		className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",
-		children: /* @__PURE__ */ n(t, { className: "h-2.5 w-2.5" })
-	})
-});
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Group, {
+		"data-slot": "resizable-panel-group",
+		className: e("flex h-full w-full aria-[orientation=vertical]:flex-col", r),
+		...i
+	});
+}
+function i({ ...e }) {
+	return /* @__PURE__ */ t(n.Panel, {
+		"data-slot": "resizable-panel",
+		...e
+	});
+}
+function a({ withHandle: r, className: i, ...a }) {
+	return /* @__PURE__ */ t(n.Separator, {
+		"data-slot": "resizable-handle",
+		className: e("relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", i),
+		...a,
+		children: r && /* @__PURE__ */ t("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
+	});
+}
 //#endregion
-export { o as ResizableHandle, a as ResizablePanel, i as ResizablePanelGroup };
+export { a as ResizableHandle, i as ResizablePanel, r as ResizablePanelGroup };

package/dist/components/ui/scroll-area.js

@@ -1,18 +1,36 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { ScrollArea as r } from "@base-ui/react/scroll-area";
 //#region src/components/ui/scroll-area.tsx
-var r = t.memo(function({ className: t, children: r }) {
-	return /* @__PURE__ */ n("div", {
+function i({ className: i, children: o, ...s }) {
+	return /* @__PURE__ */ n(r.Root, {
 		"data-slot": "scroll-area",
-		className: e("relative overflow-auto", t),
-		children: /* @__PURE__ */ n("div", {
-			"data-slot": "scroll-area-viewport",
-			className: "size-full rounded-[inherit]",
-			children: r
+		className: e("relative", i),
+		...s,
+		children: [
+			/* @__PURE__ */ t(r.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+				children: o
+			}),
+			/* @__PURE__ */ t(a, {}),
+			/* @__PURE__ */ t(r.Corner, {})
+		]
+	});
+}
+function a({ className: n, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ t(r.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		"data-orientation": i,
+		orientation: i,
+		className: e("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", n),
+		...a,
+		children: /* @__PURE__ */ t(r.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
 		})
 	});
-}), i = () => null;
+}
 //#endregion
-export { r as ScrollArea, i as ScrollBar };
+export { i as ScrollArea, a as ScrollBar };