@firecms/ui 3.0.0-tw4.15 → 3.0.0-tw4.16

package/dist/components/Dialog.d.ts

@@ -19,6 +19,7 @@ export type DialogProps = {
      * If `true`, the dialog will not focus the first focusable element when opened.
      */
     disableInitialFocus?: boolean;
+    portalContainer?: HTMLElement | null;
 };
 declare const widthClasses: {
     xs: string;
@@ -34,5 +35,5 @@ declare const widthClasses: {
     "7xl": string;
     full: string;
 };
-export declare const Dialog: ({ open, onOpenChange, children, className, containerClassName, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, disableInitialFocus }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ open, onOpenChange, children, className, containerClassName, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, disableInitialFocus, portalContainer }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Menubar.d.ts

@@ -12,8 +12,9 @@ export declare function MenubarTrigger({ children, onSelect, className }: {
     onSelect?: (event: React.SyntheticEvent) => void;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenubarPortal({ children, }: {
+export declare function MenubarPortal({ children, portalContainer, }: {
     children: React.ReactNode;
+    portalContainer?: HTMLElement | null;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function MenubarContent({ children, className, align, sideOffset, alignOffset, onSelect, ...rest }: {
     children: React.ReactNode;

package/dist/components/MultiSelect.d.ts

@@ -36,6 +36,7 @@ interface MultiSelectProps<T extends MultiSelectValue = string> {
     invisible?: boolean;
     children: React.ReactNode;
     renderValues?: (values: T[]) => React.ReactNode;
+    portalContainer?: HTMLElement | null;
 }
 export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps<string> & React.RefAttributes<HTMLButtonElement>>;
 export interface MultiSelectItemProps<T extends MultiSelectValue = string> {

package/dist/components/Sheet.d.ts

@@ -13,6 +13,7 @@ interface SheetProps {
     style?: React.CSSProperties;
     overlayClassName?: string;
     overlayStyle?: React.CSSProperties;
+    portalContainer?: HTMLElement | null;
 }
 export declare const Sheet: React.FC<SheetProps>;
 export {};

package/dist/hooks/PortalContainerContext.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface PortalContainerContextType {
+    container: HTMLElement | null;
+}
+export interface PortalContainerProviderProps {
+    container: HTMLElement | null;
+    children: React.ReactNode;
+}
+/**
+ * Provider component that sets the portal container for all descendants.
+ * This can be used at any level of the tree to specify where portals should be attached.
+ *
+ * @example
+ * ```tsx
+ * const containerRef = useRef<HTMLDivElement>(null);
+ *
+ * <div ref={containerRef}>
+ *   <PortalContainerProvider container={containerRef.current}>
+ *     <YourComponents />
+ *   </PortalContainerProvider>
+ * </div>
+ * ```
+ */
+export declare function PortalContainerProvider({ container, children }: PortalContainerProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the portal container from context.
+ * Returns null if no provider is found in the tree.
+ *
+ * @returns The portal container element or null
+ */
+export declare function usePortalContainer(): HTMLElement | null;

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from "./useInjectStyles";
 export * from "./useOutsideAlerter";
 export * from "./useDebounceValue";
 export * from "./useIconStyles";
+export * from "./PortalContainerContext";