@api7/ui-components 0.4.0 → 0.6.0

package/dist/components/menu/menu.d.ts

@@ -1,5 +1,4 @@
 import { Menu } from "@base-ui/react/menu";
-//#region src/components/menu/menu.d.ts
 type WithClassName<P> = Omit<P, 'className'> & {
   className?: string;
 };
@@ -10,8 +9,12 @@ export type MenuContentProps = WithClassName<Menu.Popup.Props> & {
   side?: Menu.Positioner.Props['side'];
   sideOffset?: Menu.Positioner.Props['sideOffset'];
   align?: Menu.Positioner.Props['align'];
+  /** Additional positioning options, including alignment offset and fixed positioning. */
+  positionerProps?: Omit<Menu.Positioner.Props, 'children'>;
+  /** Preserve child state while the menu is closed. */
+  keepMounted?: Menu.Portal.Props['keepMounted'];
 };
-declare function MenuContent({ className, side, sideOffset, align, ...props }: MenuContentProps): import("react").JSX.Element;
+declare function MenuContent({ className, side, sideOffset, align, positionerProps, keepMounted, ...props }: MenuContentProps): import("react").JSX.Element;
 export type MenuItemProps = WithClassName<Menu.Item.Props> & {
   variant?: 'default' | 'destructive';
 };
@@ -35,7 +38,14 @@ export type MenuSubContentProps = WithClassName<Menu.Popup.Props> & {
   side?: Menu.Positioner.Props['side'];
   sideOffset?: Menu.Positioner.Props['sideOffset'];
   align?: Menu.Positioner.Props['align'];
+  /** Additional positioning options, including alignment offset and fixed positioning. */
+  positionerProps?: Omit<Menu.Positioner.Props, 'children'>;
+  /**
+   * Preserve child state while the submenu is closed. Every ancestor menu content
+   * must also use keepMounted to preserve this subtree (including dialogs it
+   * opens) when selecting an item closes the parent menu.
+   */
+  keepMounted?: Menu.Portal.Props['keepMounted'];
 };
-declare function MenuSubContent({ className, side, sideOffset, align, ...props }: MenuSubContentProps): import("react").JSX.Element;
-//#endregion
+declare function MenuSubContent({ className, side, sideOffset, align, positionerProps, keepMounted, ...props }: MenuSubContentProps): import("react").JSX.Element;
 export { Menu$1 as Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };

package/dist/components/menu/menu.js

@@ -1,12 +1,12 @@
 "use client";
 import { cn } from "../../lib/cn.js";
-import { popupClassName } from "../../lib/popup.js";
+import { popupClassName, popupLayerClassName } from "../../lib/popup.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { Menu } from "@base-ui/react/menu";
-//#region src/components/menu/menu.tsx
-const menuItemClassName = "asu:flex asu:h-13 asu:cursor-default asu:items-center asu:gap-2 asu:px-3 asu:text-sm asu:outline-none asu:select-none asu:data-highlighted:bg-accent asu:data-disabled:pointer-events-none asu:data-disabled:opacity-50 asu:[&_svg]:size-4 asu:[&_svg]:shrink-0";
-const destructiveItemClassName = "asu:text-destructive-text asu:data-highlighted:bg-destructive-subtle";
+// src/components/menu/menu.tsx
+const menuItemClassName = "flex h-13 cursor-default items-center gap-2 px-3 text-sm outline-none select-none data-highlighted:bg-accent data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+const destructiveItemClassName = "text-destructive-text data-highlighted:bg-destructive-subtle";
 const Menu$1 = Menu.Root;
 function MenuTrigger({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu.Trigger, {
@@ -15,17 +15,25 @@ function MenuTrigger({ className, ...props }) {
 		"data-slot": "menu-trigger"
 	});
 }
-function MenuContent({ className, side = "bottom", sideOffset = 4, align = "end", ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-		side,
-		sideOffset,
-		align,
-		children: /* @__PURE__ */ jsx(Menu.Popup, {
-			className: cn(popupClassName, "asu:min-w-40 asu:py-1", className),
-			...props,
-			"data-slot": "menu-content"
+function positionerClassName(className) {
+	return typeof className === "function" ? (state) => cn(popupLayerClassName, className(state)) : cn(popupLayerClassName, className);
+}
+function MenuContent({ className, side = "bottom", sideOffset = 4, align = "end", positionerProps, keepMounted, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		keepMounted,
+		children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			...positionerProps,
+			className: positionerClassName(positionerProps?.className),
+			side: positionerProps?.side ?? side,
+			sideOffset: positionerProps?.sideOffset ?? sideOffset,
+			align: positionerProps?.align ?? align,
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
+				className: cn(popupClassName, "min-w-40 py-1", className),
+				...props,
+				"data-slot": "menu-content"
+			})
 		})
-	}) });
+	});
 }
 function MenuItem({ className, variant = "default", ...props }) {
 	return /* @__PURE__ */ jsx(Menu.Item, {
@@ -36,7 +44,7 @@ function MenuItem({ className, variant = "default", ...props }) {
 }
 function MenuSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu.Separator, {
-		className: cn("asu:my-1 asu:h-px asu:bg-border", className),
+		className: cn("my-1 h-px bg-border", className),
 		...props,
 		"data-slot": "menu-separator"
 	});
@@ -50,7 +58,7 @@ function MenuGroup({ className, ...props }) {
 }
 function MenuGroupLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
-		className: cn("asu:px-3 asu:py-2 asu:text-xs asu:font-medium asu:text-muted-foreground", className),
+		className: cn("px-3 py-2 text-xs font-medium text-muted-foreground", className),
 		...props,
 		"data-slot": "menu-group-label"
 	});
@@ -61,7 +69,7 @@ function MenuCheckboxItem({ className, children, ...props }) {
 		...props,
 		"data-slot": "menu-checkbox-item",
 		children: [/* @__PURE__ */ jsx("span", {
-			className: "asu:flex asu:size-4 asu:shrink-0 asu:items-center asu:justify-center",
+			className: "flex size-4 shrink-0 items-center justify-center",
 			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
@@ -79,8 +87,8 @@ function MenuRadioItem({ className, children, ...props }) {
 		...props,
 		"data-slot": "menu-radio-item",
 		children: [/* @__PURE__ */ jsx("span", {
-			className: "asu:flex asu:size-4 asu:shrink-0 asu:items-center asu:justify-center",
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: "asu:inline-block asu:size-2 asu:rounded-full asu:bg-current" }) })
+			className: "flex size-4 shrink-0 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: "inline-block size-2 rounded-full bg-current" }) })
 		}), children]
 	});
 }
@@ -90,20 +98,24 @@ function MenuSubTrigger({ className, children, ...props }) {
 		className: cn(menuItemClassName, className),
 		...props,
 		"data-slot": "menu-sub-trigger",
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "asu:ml-auto" })]
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
 	});
 }
-function MenuSubContent({ className, side, sideOffset, align, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-		side,
-		sideOffset,
-		align,
-		children: /* @__PURE__ */ jsx(Menu.Popup, {
-			className: cn(popupClassName, "asu:min-w-40 asu:py-1", className),
-			...props,
-			"data-slot": "menu-sub-content"
+function MenuSubContent({ className, side, sideOffset, align, positionerProps, keepMounted, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		keepMounted,
+		children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			...positionerProps,
+			className: positionerClassName(positionerProps?.className),
+			side: positionerProps?.side ?? side,
+			sideOffset: positionerProps?.sideOffset ?? sideOffset,
+			align: positionerProps?.align ?? align,
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
+				className: cn(popupClassName, "min-w-40 py-1", className),
+				...props,
+				"data-slot": "menu-sub-content"
+			})
 		})
-	}) });
+	});
 }
-//#endregion
 export { Menu$1 as Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };

package/dist/components/number-field/number-field.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { NumberField } from "@base-ui/react/number-field";
-//#region src/components/number-field/number-field.d.ts
 export type NumberFieldProps = Omit<NumberField.Root.Props, 'className' | 'children'> & {
   className?: string;
   placeholder?: string;
@@ -12,5 +11,4 @@ export type NumberFieldProps = Omit<NumberField.Root.Props, 'className' | 'child
   decrementLabel?: string;
 };
 declare function NumberField$1({ className, placeholder, showStepper, unit, incrementLabel, decrementLabel, locale, format, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, ...props }: NumberFieldProps): import("react").JSX.Element;
-//#endregion
 export { NumberField$1 as NumberField };

package/dist/components/number-field/number-field.js

@@ -6,8 +6,8 @@ import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { NumberField } from "@base-ui/react/number-field";
-//#region src/components/number-field/number-field.tsx
-const stepperButtonClassName = "asu:flex asu:basis-1/2 asu:grow-0 asu:shrink-0 asu:items-center asu:justify-center asu:text-muted-foreground asu:hover:bg-accent asu:hover:text-accent-foreground asu:disabled:cursor-not-allowed asu:disabled:opacity-50 asu:[&_svg]:size-3";
+// src/components/number-field/number-field.tsx
+const stepperButtonClassName = "flex basis-1/2 grow-0 shrink-0 items-center justify-center text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:size-3";
 function NumberField$1({ className, placeholder, showStepper = false, unit, incrementLabel, decrementLabel, locale, format, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...props }) {
 	const messages = useMessages();
 	const uiLocale = useLocale();
@@ -20,25 +20,25 @@ function NumberField$1({ className, placeholder, showStepper = false, unit, incr
 			useGrouping: false,
 			...format
 		},
-		className: cn("asu:group/number-field asu:flex asu:w-full", className),
+		className: cn("group/number-field flex w-full", className),
 		...props,
 		"data-slot": "number-field",
 		children: [/* @__PURE__ */ jsxs(NumberField.Group, {
-			className: cn(controlSurface, controlFocusWithin, "asu:flex asu:h-8 asu:flex-1 asu:overflow-hidden", hasUnit ? "asu:rounded-l-sm asu:rounded-r-none" : "asu:rounded-sm"),
+			className: cn(controlSurface, controlFocusWithin, "flex h-8 flex-1 overflow-hidden", hasUnit ? "rounded-l-sm rounded-r-none" : "rounded-sm"),
 			"data-slot": "number-field-group",
 			children: [/* @__PURE__ */ jsx(NumberField.Input, {
 				placeholder,
 				"aria-label": ariaLabel,
 				"aria-labelledby": ariaLabelledby,
 				"aria-describedby": describedBy,
-				className: "asu:min-w-0 asu:flex-1 asu:bg-transparent asu:px-3 asu:text-left asu:text-foreground asu:tabular-nums asu:outline-none asu:placeholder:text-muted-foreground",
+				className: "min-w-0 flex-1 bg-transparent px-3 text-left text-foreground tabular-nums outline-none placeholder:text-muted-foreground",
 				"data-slot": "number-field-input"
 			}), showStepper && /* @__PURE__ */ jsxs("div", {
-				className: "asu:flex asu:w-6 asu:shrink-0 asu:flex-col asu:border-l asu:border-input",
+				className: "flex w-6 shrink-0 flex-col border-l border-input",
 				"data-slot": "number-field-stepper",
 				children: [/* @__PURE__ */ jsx(NumberField.Increment, {
 					"aria-label": incrementLabel ?? messages.numberField.increment,
-					className: cn(stepperButtonClassName, "asu:border-b asu:border-input"),
+					className: cn(stepperButtonClassName, "border-b border-input"),
 					"data-slot": "number-field-increment",
 					children: /* @__PURE__ */ jsx(ChevronUp, {})
 				}), /* @__PURE__ */ jsx(NumberField.Decrement, {
@@ -50,11 +50,10 @@ function NumberField$1({ className, placeholder, showStepper = false, unit, incr
 			})]
 		}), hasUnit && /* @__PURE__ */ jsx("span", {
 			id: unitId,
-			className: "asu:flex asu:shrink-0 asu:items-center asu:rounded-r-sm asu:border asu:border-l-0 asu:border-input asu:bg-muted asu:px-3 asu:text-sm asu:text-muted-foreground asu:group-data-disabled/number-field:opacity-50",
+			className: "flex shrink-0 items-center rounded-r-sm border border-l-0 border-input bg-muted px-3 text-sm text-muted-foreground group-data-disabled/number-field:opacity-50",
 			"data-slot": "number-field-unit",
 			children: unit
 		})]
 	});
 }
-//#endregion
 export { NumberField$1 as NumberField };

package/dist/components/pagination/pagination.d.ts

@@ -1,4 +1,3 @@
-//#region src/components/pagination/pagination.d.ts
 /**
  * Page buttons to render: page indexes (0-based) and 'ellipsis' markers, mirroring
  * react-paginate with pageRangeDisplayed=2 and one page kept at each edge. The window is 3
@@ -20,5 +19,4 @@ export interface PaginationProps {
   className?: string;
 }
 /** Renders nothing when `rowCount` is 0, matching the legacy footer's `total > 0` guard. */
-export declare function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions, onPageIndexChange, onPageSizeChange, label, className }: PaginationProps): import("react").JSX.Element | null;
-//#endregion
+export declare function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions, onPageIndexChange, onPageSizeChange, label, className }: PaginationProps): import("react").JSX.Element | null;

package/dist/components/pagination/pagination.js

@@ -4,7 +4,7 @@ import { cn } from "../../lib/cn.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select/select.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-//#region src/components/pagination/pagination.tsx
+// src/components/pagination/pagination.tsx
 const DEFAULT_PAGE_SIZE_OPTIONS = [
 	10,
 	20,
@@ -56,13 +56,13 @@ function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions = DEFAULT_P
 	const pageItems = getPageItems(currentPage, pageCount);
 	const effectivePageSizeOptions = pageSizeOptions.includes(pageSize) ? pageSizeOptions : [...pageSizeOptions, pageSize].sort((a, b) => a - b);
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("asu:flex asu:h-11 asu:items-center asu:justify-between asu:px-[22px] asu:py-3", className),
+		className: cn("flex h-11 items-center justify-between px-[22px] py-3", className),
 		"data-slot": "pagination",
 		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
-			className: "asu:text-sm asu:text-muted-foreground",
+			className: "text-sm text-muted-foreground",
 			children: messages.pagination.results
 		}), /* @__PURE__ */ jsx("span", {
-			className: "asu:ml-2.5 asu:text-sm asu:text-foreground",
+			className: "ml-2.5 text-sm text-foreground",
 			children: messages.pagination.range({
 				from: formatter.format(from),
 				to: formatter.format(to),
@@ -70,7 +70,7 @@ function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions = DEFAULT_P
 			})
 		})] }), /* @__PURE__ */ jsxs("nav", {
 			"aria-label": label ?? messages.pagination.label,
-			className: "asu:flex asu:items-center asu:gap-1.5",
+			className: "flex items-center gap-1.5",
 			"data-slot": "pagination-nav",
 			children: [
 				/* @__PURE__ */ jsx("button", {
@@ -78,13 +78,13 @@ function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions = DEFAULT_P
 					"aria-label": messages.pagination.previous,
 					disabled: currentPage <= 0,
 					onClick: () => onPageIndexChange(currentPage - 1),
-					className: cn("asu:flex asu:size-6 asu:items-center asu:justify-center asu:rounded-sm asu:border asu:border-input asu:outline-none asu:focus-visible:ring-2 asu:focus-visible:ring-ring/40", currentPage <= 0 && "asu:cursor-not-allowed asu:opacity-50"),
+					className: cn("flex size-6 items-center justify-center rounded-sm border border-input outline-none focus-visible:ring-2 focus-visible:ring-ring/40", currentPage <= 0 && "cursor-not-allowed opacity-50"),
 					"data-slot": "pagination-previous",
-					children: /* @__PURE__ */ jsx(ChevronLeft, { className: "asu:size-3.5" })
+					children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" })
 				}),
 				pageItems.map((item, index) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", {
 					"aria-hidden": "true",
-					className: "asu:flex asu:size-6 asu:items-center asu:justify-center asu:text-sm asu:text-muted-foreground",
+					className: "flex size-6 items-center justify-center text-sm text-muted-foreground",
 					"data-slot": "pagination-ellipsis",
 					children: "…"
 				}, `ellipsis-${index}`) : /* @__PURE__ */ jsx("button", {
@@ -92,7 +92,7 @@ function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions = DEFAULT_P
 					"aria-label": messages.pagination.page({ page: formatter.format(item + 1) }),
 					"aria-current": item === currentPage ? "page" : void 0,
 					onClick: () => onPageIndexChange(item),
-					className: cn("asu:size-6 asu:rounded-sm asu:text-sm asu:outline-none asu:focus-visible:ring-2 asu:focus-visible:ring-ring/40", item === currentPage ? "asu:bg-primary asu:text-primary-foreground" : "asu:hover:bg-accent-hover"),
+					className: cn("size-6 rounded-sm text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/40", item === currentPage ? "bg-primary text-primary-foreground" : "hover:bg-accent-hover"),
 					"data-slot": "pagination-page",
 					children: item + 1
 				}, item)),
@@ -101,9 +101,9 @@ function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions = DEFAULT_P
 					"aria-label": messages.pagination.next,
 					disabled: currentPage >= pageCount - 1,
 					onClick: () => onPageIndexChange(currentPage + 1),
-					className: cn("asu:flex asu:size-6 asu:items-center asu:justify-center asu:rounded-sm asu:border asu:border-input asu:outline-none asu:focus-visible:ring-2 asu:focus-visible:ring-ring/40", currentPage >= pageCount - 1 && "asu:cursor-not-allowed asu:opacity-50"),
+					className: cn("flex size-6 items-center justify-center rounded-sm border border-input outline-none focus-visible:ring-2 focus-visible:ring-ring/40", currentPage >= pageCount - 1 && "cursor-not-allowed opacity-50"),
 					"data-slot": "pagination-next",
-					children: /* @__PURE__ */ jsx(ChevronRight, { className: "asu:size-3.5" })
+					children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" })
 				}),
 				/* @__PURE__ */ jsxs(Select, {
 					items: pageSizeItems(effectivePageSizeOptions, messages, formatter),
@@ -111,9 +111,9 @@ function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions = DEFAULT_P
 					onValueChange: (value) => onPageSizeChange(Number(value)),
 					children: [/* @__PURE__ */ jsx(SelectTrigger, {
 						size: "sm",
-						className: "asu:w-[110px]",
+						className: "w-[110px]",
 						"aria-label": messages.pagination.pageSizeLabel,
-						children: /* @__PURE__ */ jsx(SelectValue, { className: "asu:flex-1 asu:text-center" })
+						children: /* @__PURE__ */ jsx(SelectValue, { className: "flex-1 text-center" })
 					}), /* @__PURE__ */ jsx(SelectContent, { children: effectivePageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, {
 						value: String(size),
 						children: messages.pagination.pageSize({ size: formatter.format(size) })
@@ -126,5 +126,4 @@ function Pagination({ pageIndex, pageSize, rowCount, pageSizeOptions = DEFAULT_P
 function pageSizeItems(pageSizeOptions, messages, formatter) {
 	return Object.fromEntries(pageSizeOptions.map((size) => [String(size), messages.pagination.pageSize({ size: formatter.format(size) })]));
 }
-//#endregion
 export { DEFAULT_PAGE_SIZE_OPTIONS, Pagination, getPageItems };

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

@@ -1,5 +1,4 @@
 import { Popover } from "@base-ui/react/popover";
-//#region src/components/popover/popover.d.ts
 type WithClassName<P> = Omit<P, 'className'> & {
   className?: string;
 };
@@ -12,11 +11,12 @@ export type PopoverContentProps = WithClassName<Popover.Popup.Props> & {
   align?: Popover.Positioner.Props['align'];
 };
 declare function PopoverContent({ className, side, sideOffset, align, ...props }: PopoverContentProps): import("react").JSX.Element;
+export type PopoverArrowProps = WithClassName<Popover.Arrow.Props>;
+declare function PopoverArrow({ className, ...props }: PopoverArrowProps): import("react").JSX.Element;
 export type PopoverTitleProps = WithClassName<Popover.Title.Props>;
 declare function PopoverTitle({ className, ...props }: PopoverTitleProps): import("react").JSX.Element;
 export type PopoverDescriptionProps = WithClassName<Popover.Description.Props>;
 declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): import("react").JSX.Element;
 export type PopoverCloseProps = WithClassName<Popover.Close.Props>;
 declare function PopoverClose({ className, ...props }: PopoverCloseProps): import("react").JSX.Element;
-//#endregion
-export { Popover$1 as Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger };
+export { Popover$1 as Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger };

package/dist/components/popover/popover.js

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "../../lib/cn.js";
-import { popupClassName } from "../../lib/popup.js";
+import { popupClassName, popupLayerClassName } from "../../lib/popup.js";
 import { jsx } from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
-//#region src/components/popover/popover.tsx
+// src/components/popover/popover.tsx
 const Popover$1 = Popover.Root;
 function PopoverTrigger({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Popover.Trigger, {
@@ -14,26 +14,34 @@ function PopoverTrigger({ className, ...props }) {
 }
 function PopoverContent({ className, side = "bottom", sideOffset = 4, align = "start", ...props }) {
 	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		className: popupLayerClassName,
 		side,
 		sideOffset,
 		align,
 		children: /* @__PURE__ */ jsx(Popover.Popup, {
-			className: cn(popupClassName, "asu:w-72 asu:max-w-[calc(100vw-2rem)] asu:p-3", className),
+			className: cn(popupClassName, "w-72 max-w-[calc(100vw-2rem)] p-3", className),
 			...props,
 			"data-slot": "popover-content"
 		})
 	}) });
 }
+function PopoverArrow({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		className: cn("size-3 rotate-45 bg-popover data-[side=bottom]:-top-1.5 data-[side=left]:-right-1.5 data-[side=right]:-left-1.5 data-[side=top]:-bottom-1.5 data-[side=inline-start]:-end-1.5 data-[side=inline-end]:-start-1.5", className),
+		...props,
+		"data-slot": "popover-arrow"
+	});
+}
 function PopoverTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Popover.Title, {
-		className: cn("asu:text-sm asu:font-medium", className),
+		className: cn("text-sm font-medium", className),
 		...props,
 		"data-slot": "popover-title"
 	});
 }
 function PopoverDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Popover.Description, {
-		className: cn("asu:text-sm asu:text-muted-foreground", className),
+		className: cn("text-sm text-muted-foreground", className),
 		...props,
 		"data-slot": "popover-description"
 	});
@@ -45,5 +53,4 @@ function PopoverClose({ className, ...props }) {
 		"data-slot": "popover-close"
 	});
 }
-//#endregion
-export { Popover$1 as Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger };
+export { Popover$1 as Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger };

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,17 @@
+import { VariantProps } from "class-variance-authority";
+import { Progress } from "@base-ui/react/progress";
+declare const trackVariants: (props?: ({
+  size?: "sm" | "md" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const indicatorVariants: (props?: ({
+  variant?: "destructive" | "success" | "warning" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * A `null` value makes the bar indeterminate. A progress bar has no default name, because only the caller
+ * knows what is progressing, so give it an `aria-label` or an `aria-labelledby`.
+ */
+export interface ProgressProps extends Omit<Progress.Root.Props, 'className' | 'children'>, VariantProps<typeof trackVariants>, VariantProps<typeof indicatorVariants> {
+  className?: string;
+}
+declare function Progress$1({ className, size, variant, ...props }: ProgressProps): import("react").JSX.Element;
+export { Progress$1 as Progress };

package/dist/components/progress/progress.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn } from "../../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Progress } from "@base-ui/react/progress";
+// src/components/progress/progress.tsx
+const trackVariants = cva("block w-full overflow-hidden rounded-full bg-accent-selected", {
+	variants: { size: {
+		xs: "h-1",
+		sm: "h-1.5",
+		md: "h-2"
+	} },
+	defaultVariants: { size: "sm" }
+});
+const indicatorVariants = cva("block h-full rounded-full transition-[width] motion-reduce:transition-none motion-safe:data-indeterminate:w-1/3 motion-safe:data-indeterminate:animate-progress-indeterminate motion-reduce:data-indeterminate:w-full motion-reduce:data-indeterminate:opacity-50", {
+	variants: { variant: {
+		default: "bg-primary-text",
+		success: "bg-success-foreground",
+		warning: "bg-warning-foreground",
+		destructive: "bg-destructive-text"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Progress$1({ className, size, variant, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Root, {
+		className: cn("block w-full", className),
+		...props,
+		"data-slot": "progress",
+		children: /* @__PURE__ */ jsx(Progress.Track, {
+			className: trackVariants({ size }),
+			children: /* @__PURE__ */ jsx(Progress.Indicator, { className: indicatorVariants({ variant }) })
+		})
+	});
+}
+export { Progress$1 as Progress };

package/dist/components/radio-group/radio-group.d.ts

@@ -1,6 +1,5 @@
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/radio-group/radio-group.d.ts
 export type RadioGroupProps = Omit<RadioGroup.Props, 'className'> & {
   className?: string;
 };
@@ -9,5 +8,4 @@ export type RadioGroupItemProps = Omit<Radio.Root.Props, 'className'> & {
 };
 declare function RadioGroup$1({ className, ...props }: RadioGroupProps): import("react").JSX.Element;
 declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): import("react").JSX.Element;
-//#endregion
 export { RadioGroup$1 as RadioGroup, RadioGroupItem };

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

@@ -3,10 +3,10 @@ import { cn } from "../../lib/cn.js";
 import { jsx } from "react/jsx-runtime";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/radio-group/radio-group.tsx
+// src/components/radio-group/radio-group.tsx
 function RadioGroup$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(RadioGroup, {
-		className: cn("asu:flex asu:flex-col asu:gap-2", className),
+		className: cn("flex flex-col gap-2", className),
 		...props,
 		"data-slot": "radio-group"
 	});
@@ -14,14 +14,13 @@ function RadioGroup$1({ className, ...props }) {
 function RadioGroupItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Radio.Root, {
 		"data-base-ui-swipe-ignore": true,
-		className: cn("asu:peer asu:relative asu:inline-flex asu:size-4 asu:shrink-0 asu:items-center asu:justify-center asu:rounded-full asu:border asu:border-input asu:bg-background asu:transition-colors asu:outline-none asu:focus-visible:ring-2 asu:focus-visible:ring-ring/40 asu:data-checked:border-primary asu:data-checked:bg-primary asu:data-disabled:cursor-not-allowed asu:data-disabled:opacity-50 asu:aria-invalid:border-destructive", className),
+		className: cn("peer relative inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-input bg-background transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 data-checked:border-primary data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 aria-invalid:border-destructive", className),
 		...props,
 		"data-slot": "radio-group-item",
 		children: /* @__PURE__ */ jsx(Radio.Indicator, {
-			className: "asu:size-1.5 asu:rounded-full asu:bg-primary-foreground",
+			className: "size-1.5 rounded-full bg-primary-foreground",
 			"data-slot": "radio-group-indicator"
 		})
 	});
 }
-//#endregion
 export { RadioGroup$1 as RadioGroup, RadioGroupItem };

package/dist/components/select/select.d.ts

@@ -1,5 +1,4 @@
 import { Select } from "@base-ui/react/select";
-//#region src/components/select/select.d.ts
 type WithClassName<P> = Omit<P, 'className'> & {
   className?: string;
 };
@@ -51,5 +50,4 @@ export type SelectGroupLabelProps = WithClassName<Select.GroupLabel.Props>;
 declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): import("react").JSX.Element;
 export type SelectSeparatorProps = WithClassName<Select.Separator.Props>;
 declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): import("react").JSX.Element;
-//#endregion
 export { Select$1 as Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue };