@gusarov-studio/rubik-ui 14.0.5 → 15.0.0

package/dist/Popover/PopoverClose.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { Close } from "@radix-ui/react-popover";
+type PopoverCloseProps = Omit<React.ComponentPropsWithoutRef<typeof Close>, "asChild">;
+declare const PopoverClose: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export { PopoverClose, type PopoverCloseProps };

package/dist/Popover/PopoverContent.d.ts

@@ -1,5 +1,11 @@
 import React from "react";
+import { Content } from "@radix-ui/react-popover";
+import type { CSSUnit } from "../types/CSSUnit";
 import "./Popover.scss";
-type PopoverContentProps = React.HTMLProps<HTMLDivElement>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type WidthValue = CSSUnit | "0" | `calc(${string})` | number | "auto";
+interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof Content> {
+    arrow?: boolean;
+    width?: WidthValue;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
 export { PopoverContent, type PopoverContentProps };

package/dist/Popover/PopoverContext.d.ts

@@ -1,56 +1,6 @@
-import type { usePopover } from "./hooks/usePopover";
-type PopoverContextType = ReturnType<typeof usePopover> | null;
-declare const PopoverContext: import("react").Context<PopoverContextType>;
-declare const usePopoverContext: () => {
-    placement: import("@floating-ui/utils").Placement;
-    strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: React.CSSProperties;
-    refs: {
-        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: React.MutableRefObject<HTMLElement | null>;
-        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null;
-        floating: HTMLElement | null;
-    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    context: {
-        x: number;
-        y: number;
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: React.CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string | undefined;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
-        active?: boolean;
-        selected?: boolean;
-    }) => Record<string, unknown>;
-    withArrow: boolean;
-    arrowRef: import("react").MutableRefObject<SVGSVGElement | null>;
-    centered: boolean;
-    width: (number | "auto" | "0" | import("../types/CSSUnit").CSSUnit | `calc(${string})`) | undefined;
-    modal: boolean | undefined;
-    open: boolean;
-    setOpen: ((open: boolean) => void) | undefined;
-    zIndex: number | `${number}`;
-};
-export { PopoverContext, type PopoverContextType, usePopoverContext };
+interface PopoverContextValue {
+    zIndex?: number | `${number}`;
+}
+declare const PopoverContext: import("react").Context<PopoverContextValue | null>;
+declare const usePopoverContext: () => PopoverContextValue;
+export { PopoverContext, type PopoverContextValue, usePopoverContext };

package/dist/Popover/PopoverRoot.d.ts

@@ -1,19 +1,7 @@
 import React from "react";
-import type { Placement } from "@floating-ui/react";
-import type { CSSUnit } from "../types/CSSUnit";
-type WidthValue = CSSUnit | "0" | `calc(${string})` | number | "auto";
-interface PopoverRootPropsBase {
-    position?: Placement;
-    modal?: boolean;
-    width?: WidthValue;
-    withArrow?: boolean;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+import { Root } from "@radix-ui/react-popover";
+interface PopoverRootProps extends React.ComponentProps<typeof Root> {
     zIndex?: number | `${number}`;
 }
-interface PopoverRootProps extends PopoverRootPropsBase {
-    children: React.ReactNode;
-}
 declare const PopoverRoot: React.FC<PopoverRootProps>;
-export { PopoverRoot, type PopoverRootPropsBase, type PopoverRootProps };
+export { PopoverRoot, type PopoverRootProps };

package/dist/Popover/index.d.ts

@@ -1,10 +1,11 @@
+import { type PopoverTriggerProps } from "@radix-ui/react-popover";
 import { type PopoverRootProps } from "./PopoverRoot";
-import { type PopoverTriggerProps } from "./PopoverTrigger";
 import { type PopoverContentProps } from "./PopoverContent";
-import { PopoverContext, type PopoverContextType, usePopoverContext } from "./PopoverContext";
+import { type PopoverCloseProps } from "./PopoverClose";
 declare const Popover: {
     Root: import("react").FC<PopoverRootProps>;
-    Trigger: import("react").ForwardRefExoticComponent<Omit<PopoverTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Close: import("react").ForwardRefExoticComponent<PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
-export { Popover, PopoverContext, usePopoverContext, type PopoverRootProps, type PopoverTriggerProps, type PopoverContentProps, type PopoverContextType, };
+export { Popover, type PopoverRootProps, type PopoverTriggerProps, type PopoverContentProps, type PopoverCloseProps, };