@jcsoftdev/ui 0.1.6 → 0.2.0

package/dist/overlays/drawer/drawer.d.ts

@@ -1,18 +1,23 @@
-import * as DialogPrimitive from "@radix-ui/react-dialog";
 import type { ComponentPropsWithoutRef } from "react";
+import * as DialogPrimitive from "../../primitives/dialog/dialog.js";
+import type { ClassNames } from "../../utils/class-names.js";
 /**
  * Wraps `DialogPrimitive.Root` so focus is restored on close even when the
  * drawer is opened in a controlled way, without its own `DrawerTrigger`.
  */
-export declare function Drawer({ open, children, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): import("react").JSX.Element;
-export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DrawerClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DrawerTitle: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-export interface DrawerContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+export declare function Drawer({ open, children, ...props }: DialogPrimitive.DialogRootProps): import("react").JSX.Element;
+export declare const DrawerTrigger: typeof DialogPrimitive.Trigger;
+export declare const DrawerClose: typeof DialogPrimitive.Close;
+export declare function DrawerTitle({ className, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Title>): import("react").JSX.Element;
+export declare function DrawerDescription({ className, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Description>): import("react").JSX.Element;
+export type DrawerContentPart = "root" | "overlay" | "close";
+export interface DrawerContentProps extends DialogPrimitive.DialogContentProps {
+    /** Per-part classes merged with `cn`; consumer classes win. `className` still targets the content and is merged last. */
+    classNames?: ClassNames<DrawerContentPart>;
     /** Same semantics as `DialogContentProps.blocking`. */
     blocking?: boolean;
     /** Accessible label of the close button. */
     closeLabel?: string;
 }
 /** Right-anchored side panel for secondary flows. */
-export declare function DrawerContent({ className, blocking, closeLabel, children, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }: DrawerContentProps): import("react").JSX.Element;
+export declare function DrawerContent({ className, classNames, blocking, closeLabel, children, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }: DrawerContentProps): import("react").JSX.Element;

package/dist/overlays/drawer/drawer.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
 import { useUiStrings } from "../../i18n/index.js";
+import { X } from "../../icons/index.js";
+import * as DialogPrimitive from "../../primitives/dialog/dialog.js";
 import { cn } from "../../utils/cn.js";
 import {
   PreviousFocusProvider,
@@ -10,19 +10,27 @@ import {
   useCapturePreviousFocus,
   usePreviousFocus
 } from "../focus-return/index.js";
-function Drawer({
-  open,
-  children,
-  ...props
-}) {
+function Drawer({ open, children, ...props }) {
   const focusRef = useCapturePreviousFocus(open);
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, ...props, children: /* @__PURE__ */ jsx(PreviousFocusProvider, { focusRef, children }) });
 }
 const DrawerTrigger = DialogPrimitive.Trigger;
 const DrawerClose = DialogPrimitive.Close;
-const DrawerTitle = DialogPrimitive.Title;
+function DrawerTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: cn("m-0", className), ...props });
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: cn("m-0 text-ink-2", className), ...props });
+}
 function DrawerContent({
   className,
+  classNames,
   blocking = false,
   closeLabel,
   children,
@@ -35,12 +43,13 @@ function DrawerContent({
   const previousFocusRef = usePreviousFocus();
   const strings = useUiStrings();
   return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
-    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-70 bg-scrim" }),
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: cn("fixed inset-0 z-70 bg-scrim", classNames?.overlay) }),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
       {
         className: cn(
-          "@container/drawer fixed inset-y-0 right-0 z-70 flex h-full w-[min(430px,100%)] max-w-full flex-col overflow-y-auto surface-overlay shadow-overlay",
+          "@container/drawer fixed inset-y-0 right-0 z-70 flex h-full w-[min(430px,100%)] max-w-full flex-col overflow-y-auto outline-none surface-overlay shadow-overlay",
+          classNames?.root,
           className
         ),
         onEscapeKeyDown: (event) => {
@@ -66,7 +75,10 @@ function DrawerContent({
             DialogPrimitive.Close,
             {
               "aria-label": closeLabel ?? strings.close,
-              className: "absolute top-3 right-3 rounded-event p-1 text-ink-3 hover:text-ink in-data-[density=touch]:top-0.5 in-data-[density=touch]:right-0.5 in-data-[density=touch]:p-3.5",
+              className: cn(
+                "absolute top-3 right-3 rounded-event p-1 text-ink-3 hover:text-ink in-data-[density=touch]:top-0.5 in-data-[density=touch]:right-0.5 in-data-[density=touch]:p-3.5",
+                classNames?.close
+              ),
               children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "size-4" })
             }
           )
@@ -79,6 +91,7 @@ export {
   Drawer,
   DrawerClose,
   DrawerContent,
+  DrawerDescription,
   DrawerTitle,
   DrawerTrigger
 };

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

@@ -1 +1 @@
-export { Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerTitle, DrawerTrigger, } from "./drawer.js";
+export { Drawer, DrawerClose, DrawerContent, type DrawerContentPart, type DrawerContentProps, DrawerDescription, DrawerTitle, DrawerTrigger, } from "./drawer.js";

package/dist/overlays/drawer/index.js

@@ -2,6 +2,7 @@ import {
   Drawer,
   DrawerClose,
   DrawerContent,
+  DrawerDescription,
   DrawerTitle,
   DrawerTrigger
 } from "./drawer.js";
@@ -9,6 +10,7 @@ export {
   Drawer,
   DrawerClose,
   DrawerContent,
+  DrawerDescription,
   DrawerTitle,
   DrawerTrigger
 };

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

@@ -1,19 +1,35 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import type { ComponentPropsWithoutRef, HTMLAttributes } from "react";
-export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
-export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export interface DropdownMenuContentProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
+import * as MenuPrimitive from "../../primitives/menu/menu.js";
+export declare const DropdownMenu: typeof MenuPrimitive.Root;
+export declare const DropdownMenuTrigger: typeof MenuPrimitive.Trigger;
+export declare const DropdownMenuRadioGroup: typeof MenuPrimitive.RadioGroup;
+export declare const DropdownMenuGroup: typeof MenuPrimitive.Group;
+export declare const DropdownMenuSub: typeof MenuPrimitive.Sub;
+export declare const DropdownMenuArrow: typeof import("../../primitives/popper/popper.js").Arrow;
+export interface DropdownMenuContentProps extends MenuPrimitive.MenuContentProps {
+    /** Portal target. Defaults to `document.body`; pass an element to keep a scoped `data-style`. */
+    container?: HTMLElement | null;
 }
-export declare function DropdownMenuContent({ className, sideOffset, collisionPadding, ...props }: DropdownMenuContentProps): import("react").JSX.Element;
-export interface DropdownMenuItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+export declare function DropdownMenuContent({ className, sideOffset, collisionPadding, container, ...props }: DropdownMenuContentProps): import("react").JSX.Element;
+export interface DropdownMenuItemProps extends MenuPrimitive.MenuItemProps {
 }
 export declare function DropdownMenuItem({ className, ...props }: DropdownMenuItemProps): import("react").JSX.Element;
-export interface DropdownMenuRadioItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
+export interface DropdownMenuCheckboxItemProps extends MenuPrimitive.MenuCheckboxItemProps {
 }
-/** Radix sets `role="menuitemradio"` and `aria-checked`: use it for single-value filters. */
+export declare function DropdownMenuCheckboxItem({ className, children, ...props }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
+export interface DropdownMenuRadioItemProps extends MenuPrimitive.MenuRadioItemProps {
+}
+/** Exposes `role="menuitemradio"` and `aria-checked`: use it for single-value filters. */
 export declare function DropdownMenuRadioItem({ className, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element;
 export declare function DropdownMenuLabel({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-export interface DropdownMenuSeparatorProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
+export interface DropdownMenuSeparatorProps extends ComponentPropsWithoutRef<"div"> {
 }
 export declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): import("react").JSX.Element;
+export interface DropdownMenuSubTriggerProps extends MenuPrimitive.MenuSubTriggerProps {
+}
+/** Item that opens a nested menu; the chevron is added after the children. */
+export declare function DropdownMenuSubTrigger({ className, children, ...props }: DropdownMenuSubTriggerProps): import("react").JSX.Element;
+export interface DropdownMenuSubContentProps extends MenuPrimitive.MenuSubContentProps {
+    container?: HTMLElement | null;
+}
+export declare function DropdownMenuSubContent({ className, collisionPadding, container, ...props }: DropdownMenuSubContentProps): import("react").JSX.Element;

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

@@ -1,47 +1,74 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronRight } from "../../icons/index.js";
+import * as MenuPrimitive from "../../primitives/menu/menu.js";
 import { cn } from "../../utils/cn.js";
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenu = MenuPrimitive.Root;
+const DropdownMenuTrigger = MenuPrimitive.Trigger;
+const DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;
+const DropdownMenuGroup = MenuPrimitive.Group;
+const DropdownMenuSub = MenuPrimitive.Sub;
+const DropdownMenuArrow = MenuPrimitive.Arrow;
+const surface = "z-85 min-w-[min(14.375rem,var(--ui-popper-available-width))] max-h-(--ui-popper-available-height) max-w-(--ui-popper-available-width) overflow-y-auto rounded-popover surface-overlay p-1.5 shadow-overlay";
+const itemBase = "flex w-full cursor-pointer items-center gap-2 rounded-event px-2.5 py-1.75 text-body text-ink outline-none data-highlighted:bg-surface-2";
 function DropdownMenuContent({
   className,
   sideOffset = 6,
   collisionPadding = 8,
+  container,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Content,
+  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
+    MenuPrimitive.Content,
     {
       sideOffset,
       collisionPadding,
-      className: cn(
-        "z-85 min-w-[min(14.375rem,var(--radix-dropdown-menu-content-available-width))] max-h-(--radix-dropdown-menu-content-available-height) max-w-(--radix-dropdown-menu-content-available-width) overflow-y-auto rounded-popover surface-overlay p-1.5 shadow-overlay",
-        className
-      ),
+      className: cn(surface, className),
       ...props
     }
   ) });
 }
 function DropdownMenuItem({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Item,
+    MenuPrimitive.Item,
     {
       className: cn(
-        "flex w-full cursor-pointer items-center gap-2 rounded-event px-2.5 py-1.75 text-body text-ink outline-none data-highlighted:bg-surface-2 data-disabled:pointer-events-none data-disabled:opacity-50",
+        itemBase,
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
         className
       ),
       ...props
     }
   );
 }
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenuPrimitive.CheckboxItem,
+    {
+      className: cn(
+        itemBase,
+        "relative ps-8 data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute inset-s-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
 function DropdownMenuRadioItem({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.RadioItem,
+    MenuPrimitive.RadioItem,
     {
       className: cn(
-        "flex w-full cursor-pointer items-center gap-2 rounded-event px-2.5 py-1.75 text-body text-ink outline-none data-highlighted:bg-surface-2 data-[state=checked]:font-bold data-[state=checked]:text-accent-ink",
+        itemBase,
+        "data-[state=checked]:font-bold data-[state=checked]:text-accent-ink",
         className
       ),
       ...props
@@ -49,24 +76,66 @@ function DropdownMenuRadioItem({ className, ...props }) {
   );
 }
 function DropdownMenuLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("px-2.5 pt-1.5 pb-1 text-overline text-ink-3", className), ...props });
-}
-function DropdownMenuSeparator({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Separator,
+    MenuPrimitive.Label,
     {
-      className: cn("my-1.25 border-t-divider", className),
+      className: cn("px-2.5 pt-1.5 pb-1 text-overline text-ink-3", className),
       ...props
     }
   );
 }
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.Separator, { className: cn("my-1.25 border-t-divider", className), ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenuPrimitive.SubTrigger,
+    {
+      className: cn(
+        itemBase,
+        "data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:bg-surface-2",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", className: "ms-auto size-4 rtl:rotate-180" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  collisionPadding = 8,
+  container,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
+    MenuPrimitive.SubContent,
+    {
+      collisionPadding,
+      className: cn(surface, className),
+      ...props
+    }
+  ) });
+}
 export {
   DropdownMenu,
+  DropdownMenuArrow,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuRadioGroup,
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger
 };

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

@@ -1 +1 @@
-export { DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, } from "./dropdown-menu.js";
+export { DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, } from "./dropdown-menu.js";

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

@@ -1,20 +1,32 @@
 import {
   DropdownMenu,
+  DropdownMenuArrow,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuRadioGroup,
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger
 } from "./dropdown-menu.js";
 export {
   DropdownMenu,
+  DropdownMenuArrow,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuRadioGroup,
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger
 };

package/dist/overlays/hover-card/hover-card.d.ts

@@ -1,5 +1,5 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import * as PopoverPrimitive from "../../primitives/popover/popover.js";
 export interface HoverCardProps {
     children: ReactNode;
     /** Controlled open state. */
@@ -21,7 +21,7 @@ export interface HoverCardTriggerProps extends ComponentPropsWithoutRef<"span">
     asChild?: boolean;
 }
 export declare function HoverCardTrigger({ asChild, onPointerEnter, onPointerLeave, onFocus, onBlur, ...props }: HoverCardTriggerProps): import("react").JSX.Element;
-export interface HoverCardContentProps extends Omit<ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, "onOpenAutoFocus"> {
+export interface HoverCardContentProps extends Omit<PopoverPrimitive.PopoverContentProps, "onOpenAutoFocus"> {
     /** Portal target. Defaults to `document.body`; pass an element to keep a scoped `data-style`. */
     container?: HTMLElement | null;
 }

package/dist/overlays/hover-card/hover-card.js

@@ -1,7 +1,5 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { Slot } from "@radix-ui/react-slot";
 import {
   createContext,
   useCallback,
@@ -12,7 +10,9 @@ import {
   useRef,
   useState
 } from "react";
+import * as PopoverPrimitive from "../../primitives/popover/popover.js";
 import { cn } from "../../utils/cn.js";
+import { Slot } from "../../utils/slot.js";
 const HoverCardContext = createContext(null);
 function useHoverCard() {
   const value = useContext(HoverCardContext);
@@ -119,7 +119,7 @@ function HoverCardContent({
         card.schedule(false, card.closeDelay);
       },
       className: cn(
-        "z-85 w-72 max-w-(--radix-popover-content-available-width) rounded-popover border-card surface-overlay bg-surface-overlay p-card text-body text-ink shadow-overlay",
+        "z-85 w-72 max-w-(--ui-popper-available-width) rounded-popover border-card surface-overlay bg-surface-overlay p-card text-body text-ink shadow-overlay",
         className
       ),
       ...props

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

@@ -1 +1 @@
-export { Popover, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, } from "./popover.js";
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, } from "./popover.js";

package/dist/overlays/popover/index.js

@@ -1,6 +1,7 @@
 import {
   Popover,
   PopoverAnchor,
+  PopoverArrow,
   PopoverClose,
   PopoverContent,
   PopoverTrigger
@@ -8,6 +9,7 @@ import {
 export {
   Popover,
   PopoverAnchor,
+  PopoverArrow,
   PopoverClose,
   PopoverContent,
   PopoverTrigger

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

@@ -1,10 +1,12 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import type { ComponentPropsWithoutRef } from "react";
-export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
-export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
-export interface PopoverContentProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+import * as PopoverPrimitive from "../../primitives/popover/popover.js";
+export declare const Popover: typeof PopoverPrimitive.Root;
+export declare const PopoverTrigger: typeof PopoverPrimitive.Trigger;
+export declare const PopoverClose: typeof PopoverPrimitive.Close;
+export declare const PopoverAnchor: typeof PopoverPrimitive.Anchor;
+export declare const PopoverArrow: typeof import("../../primitives/popper/popper.js").Arrow;
+export interface PopoverContentProps extends PopoverPrimitive.PopoverContentProps {
+    /** Portal target. Defaults to `document.body`; pass an element to keep a scoped `data-style`. */
+    container?: HTMLElement | null;
 }
-/** Positioned contextual panel; viewport collision is handled by Radix (Floating UI). */
-export declare function PopoverContent({ className, sideOffset, collisionPadding, ...props }: PopoverContentProps): import("react").JSX.Element;
+/** Positioned contextual panel; flips and shifts to stay inside the viewport. */
+export declare function PopoverContent({ className, sideOffset, collisionPadding, container, ...props }: PopoverContentProps): import("react").JSX.Element;

package/dist/overlays/popover/popover.js

@@ -1,24 +1,26 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as PopoverPrimitive from "../../primitives/popover/popover.js";
 import { cn } from "../../utils/cn.js";
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverClose = PopoverPrimitive.Close;
 const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverArrow = PopoverPrimitive.Arrow;
 function PopoverContent({
   className,
   sideOffset = 6,
   collisionPadding = 8,
+  container,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
     {
       sideOffset,
       collisionPadding,
       className: cn(
-        "z-85 min-w-[min(14.375rem,var(--radix-popover-content-available-width))] max-h-(--radix-popover-content-available-height) max-w-(--radix-popover-content-available-width) overflow-y-auto rounded-popover surface-overlay p-1.5 text-ink shadow-overlay",
+        "z-85 min-w-[min(14.375rem,var(--ui-popper-available-width))] max-h-(--ui-popper-available-height) max-w-(--ui-popper-available-width) overflow-y-auto rounded-popover surface-overlay p-1.5 text-ink shadow-overlay",
         className
       ),
       ...props
@@ -28,6 +30,7 @@ function PopoverContent({
 export {
   Popover,
   PopoverAnchor,
+  PopoverArrow,
   PopoverClose,
   PopoverContent,
   PopoverTrigger

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

@@ -1 +1 @@
-export { Toaster, type ToasterProps, toast } from "./toaster.js";
+export { type ToastAction, Toaster, type ToasterPart, type ToasterPosition, type ToasterProps, type ToastOptions, toast, } from "./toaster.js";

package/dist/overlays/toaster/index.js

@@ -1,4 +1,7 @@
-import { Toaster, toast } from "./toaster.js";
+import {
+  Toaster,
+  toast
+} from "./toaster.js";
 export {
   Toaster,
   toast

package/dist/overlays/toaster/toast-store.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from "react";
+export type ToastTone = "default" | "success" | "error";
+export interface ToastAction {
+    label: ReactNode;
+    onClick: (event: {
+        preventDefault: () => void;
+    }) => void;
+}
+export interface ToastOptions {
+    /** Reuse an id to update a toast in place instead of stacking a new one. */
+    id?: string | number;
+    description?: ReactNode;
+    /** Milliseconds before auto dismiss; `Infinity` keeps it until dismissed. Defaults to the Toaster `duration`. */
+    duration?: number;
+    action?: ToastAction;
+    /** Runs once when the toast is dismissed, by timer, action, swipe, Escape or `toast.dismiss`. */
+    onDismiss?: (id: string | number) => void;
+}
+export interface ToastRecord extends Omit<ToastOptions, "id"> {
+    id: string | number;
+    message: ReactNode;
+    tone: ToastTone;
+    state: "open" | "closed";
+    /** Bumped on every update so timers restart. */
+    revision: number;
+}
+export declare function subscribe(listener: () => void): () => void;
+export declare function getSnapshot(): readonly ToastRecord[];
+export declare function getServerSnapshot(): readonly ToastRecord[];
+/** Adds a toast, or updates and reopens the one sharing `options.id`. Returns its id. */
+export declare function publish(message: ReactNode, tone: ToastTone, options?: ToastOptions): string | number;
+/** Starts the exit of one toast, or of every open toast without an id. Idempotent. */
+export declare function dismiss(id?: string | number): void;
+/** Drops a toast from the store once its exit finished. */
+export declare function remove(id: string | number): void;
+/** Open toasts that fit on screen: the newest `limit`. Older ones wait their turn. */
+export declare function selectVisible(list: readonly ToastRecord[], limit: number): ToastRecord[];
+/** Test hook: empties the store without notifying callbacks. */
+export declare function reset(): void;

package/dist/overlays/toaster/toast-store.js

@@ -0,0 +1,63 @@
+const EMPTY = [];
+let toasts = EMPTY;
+let counter = 0;
+const listeners = /* @__PURE__ */ new Set();
+function commit(next) {
+  toasts = next;
+  for (const listener of [...listeners]) listener();
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getSnapshot() {
+  return toasts;
+}
+function getServerSnapshot() {
+  return EMPTY;
+}
+function publish(message, tone, options = {}) {
+  const id = options.id ?? `toast-${++counter}`;
+  const existing = toasts.find((t) => t.id === id);
+  const record = {
+    ...options,
+    id,
+    message,
+    tone,
+    state: "open",
+    revision: (existing?.revision ?? 0) + 1
+  };
+  commit(existing ? toasts.map((t) => t.id === id ? record : t) : [...toasts, record]);
+  return id;
+}
+function dismiss(id) {
+  const closing = toasts.filter((t) => t.state === "open" && (id === void 0 || t.id === id));
+  if (closing.length === 0) return;
+  commit(toasts.map((t) => closing.includes(t) ? { ...t, state: "closed" } : t));
+  for (const t of closing) t.onDismiss?.(t.id);
+}
+function remove(id) {
+  if (!toasts.some((t) => t.id === id)) return;
+  commit(toasts.filter((t) => t.id !== id));
+}
+function selectVisible(list, limit) {
+  const open = list.filter((t) => t.state === "open");
+  const shown = new Set(open.slice(Math.max(0, open.length - limit)));
+  return list.filter((t) => t.state === "closed" || shown.has(t));
+}
+function reset() {
+  counter = 0;
+  commit(EMPTY);
+}
+export {
+  dismiss,
+  getServerSnapshot,
+  getSnapshot,
+  publish,
+  remove,
+  reset,
+  selectVisible,
+  subscribe
+};

package/dist/overlays/toaster/toast.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import { type ToastOptions } from "./toast-store.js";
+export type { ToastAction, ToastOptions } from "./toast-store.js";
+type ToastId = string | number;
+declare function toast(message: ReactNode, options?: ToastOptions): ToastId;
+declare namespace toast {
+    var success: (message: ReactNode, options?: ToastOptions) => ToastId;
+    var error: (message: ReactNode, options?: ToastOptions) => ToastId;
+    var dismiss: (id?: ToastId) => void;
+}
+export { toast };

package/dist/overlays/toaster/toast.js

@@ -0,0 +1,10 @@
+import { dismiss, publish } from "./toast-store.js";
+function toast(message, options) {
+  return publish(message, "default", options);
+}
+toast.success = (message, options) => publish(message, "success", options);
+toast.error = (message, options) => publish(message, "error", options);
+toast.dismiss = (id) => dismiss(id);
+export {
+  toast
+};