@refraktor/core 0.0.1

package/build/components/pagination/pagination.test.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { render as rtlRender } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { render, screen, userEvent } from "../../vitest";
+import { ThemeProvider } from "../../theme";
+import Pagination from "./pagination";
+describe("@refraktor/core/Pagination", () => {
+    it("renders active page and controls", async () => {
+        await render(_jsx(Pagination, { total: 7, defaultValue: 3 }));
+        expect(screen.getByRole("button", { name: "Page 3, current page" })).toHaveAttribute("aria-current", "page");
+        expect(screen.getByRole("button", { name: "Go to previous page" })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: "Go to next page" })).toBeInTheDocument();
+    });
+    it("calls onChange when next button is clicked", async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        await render(_jsx(Pagination, { total: 7, value: 2, onChange: onChange }));
+        await user.click(screen.getByRole("button", { name: "Go to next page" }));
+        expect(onChange).toHaveBeenCalledWith(3);
+    });
+    it("supports controlled mode", async () => {
+        const user = userEvent.setup();
+        function Demo() {
+            const [page, setPage] = useState(1);
+            return _jsx(Pagination, { total: 8, value: page, onChange: setPage });
+        }
+        await render(_jsx(Demo, {}));
+        await user.click(screen.getByRole("button", { name: "Go to page 4" }));
+        expect(screen.getByRole("button", { name: "Page 4, current page" })).toHaveAttribute("aria-current", "page");
+    });
+    it("renders dots when the range is large", async () => {
+        await render(_jsx(Pagination, { total: 20, defaultValue: 10 }));
+        expect(screen.getAllByText("...")).toHaveLength(2);
+    });
+    it("supports edge controls and disabled boundary states", async () => {
+        await render(_jsx(Pagination, { total: 10, defaultValue: 1, withEdges: true }));
+        expect(screen.getByRole("button", { name: "Go to first page" })).toBeDisabled();
+        expect(screen.getByRole("button", { name: "Go to previous page" })).toBeDisabled();
+        expect(screen.getByRole("button", { name: "Go to next page" })).not.toBeDisabled();
+        expect(screen.getByRole("button", { name: "Go to last page" })).not.toBeDisabled();
+    });
+    it("hides when total is one and hideWithOnePage is true", () => {
+        const { container } = rtlRender(_jsx(ThemeProvider, { children: _jsx(Pagination, { total: 1, hideWithOnePage: true }) }));
+        expect(container.firstChild).toBeNull();
+    });
+    it("supports root and slot class names", async () => {
+        const { container } = await render(_jsx(Pagination, { total: 20, defaultValue: 10, className: "custom-root", classNames: {
+                list: "custom-list",
+                item: "custom-item",
+                page: "custom-page",
+                control: "custom-control",
+                dots: "custom-dots"
+            } }));
+        const root = container.firstElementChild;
+        const list = root.querySelector("ul");
+        expect(root).toHaveClass("custom-root");
+        expect(list).toHaveClass("custom-list");
+        expect(root.querySelector("li")).toHaveClass("custom-item");
+        expect(root.querySelector('[data-active="true"]')).toHaveClass("custom-page");
+        expect(screen.getByRole("button", { name: "Go to previous page" })).toHaveClass("custom-control");
+        expect(screen.getAllByText("...")[0]).toHaveClass("custom-dots");
+    });
+});

package/build/components/pagination/pagination.types.d.ts

@@ -0,0 +1,60 @@
+import { ComponentPropsWithoutRef } from "react";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
+export type PaginationVariant = "default" | "filled" | "outline" | "ghost";
+export type PaginationAriaLabelType = "page" | "first" | "previous" | "next" | "last";
+export type PaginationClassNames = {
+    root?: string;
+    list?: string;
+    item?: string;
+    page?: string;
+    control?: string;
+    dots?: string;
+    first?: string;
+    previous?: string;
+    next?: string;
+    last?: string;
+};
+export interface PaginationProps extends Omit<ComponentPropsWithoutRef<"nav">, "children" | "onChange"> {
+    /** Total amount of pages */
+    total: number;
+    /** Active page (controlled) */
+    value?: number;
+    /** Initial active page (uncontrolled) */
+    defaultValue?: number;
+    /** Callback called when page changes */
+    onChange?: (value: number) => void;
+    /** Number of sibling pages around active page @default `1` */
+    siblings?: number;
+    /** Number of always-visible pages at the edges @default `1` */
+    boundaries?: number;
+    /** Whether to show previous/next controls @default `true` */
+    withControls?: boolean;
+    /** Whether to show first/last controls @default `false` */
+    withEdges?: boolean;
+    /** Hide component when total is 1 @default `false` */
+    hideWithOnePage?: boolean;
+    /** Whether all controls are disabled @default `false` */
+    disabled?: boolean;
+    /** The size of the pagination @default `md` */
+    size?: RefraktorSize;
+    /** The radius of page buttons @default `default` */
+    radius?: RefraktorRadius;
+    /** Visual style variant @default `default` */
+    variant?: PaginationVariant;
+    /** Used for custom aria labels */
+    getItemAriaLabel?: (type: PaginationAriaLabelType, page: number, selected: boolean) => string;
+    /** Used for editing root class name */
+    className?: string;
+    /** Used for styling different parts of the component */
+    classNames?: PaginationClassNames;
+}
+export interface PaginationFactoryPayload extends FactoryPayload {
+    props: PaginationProps;
+    ref: HTMLElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<PaginationProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<PaginationClassNames>>;
+    };
+}
+//# sourceMappingURL=pagination.types.d.ts.map

package/build/components/pagination/pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACjB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3E,MAAM,MAAM,uBAAuB,GAC7B,MAAM,GACN,OAAO,GACP,UAAU,GACV,MAAM,GACN,MAAM,CAAC;AAEb,MAAM,MAAM,oBAAoB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtE,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,oDAAoD;IACpD,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,CACf,IAAI,EAAE,uBAAuB,EAC7B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,OAAO,KAChB,MAAM,CAAC;IAEZ,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC5D,KAAK,EAAE,eAAe,CAAC;IACvB,GAAG,EAAE,WAAW,CAAC;IACjB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC;QACrE,UAAU,EAAE,UAAU,CAClB,OAAO,sBAAsB,CAAC,oBAAoB,CAAC,CACtD,CAAC;KACL,CAAC;CACL"}

package/build/components/pagination/pagination.types.js

@@ -0,0 +1 @@
+export {};

package/build/components/pagination/pagination.utils.d.ts

@@ -0,0 +1,9 @@
+export type PaginationRangeItem = number | "dots-left" | "dots-right";
+export type PaginationRangeOptions = {
+    total: number;
+    page: number;
+    siblings: number;
+    boundaries: number;
+};
+export declare function buildPaginationRange(options: PaginationRangeOptions): PaginationRangeItem[];
+//# sourceMappingURL=pagination.utils.d.ts.map

package/build/components/pagination/pagination.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.utils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;AAEtE,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAoBF,wBAAgB,oBAAoB,CAChC,OAAO,EAAE,sBAAsB,GAChC,mBAAmB,EAAE,CAwDvB"}

package/build/components/pagination/pagination.utils.js

@@ -0,0 +1,54 @@
+import { clamp } from "@refraktor/utils";
+function range(start, end) {
+    if (end < start) {
+        return [];
+    }
+    const length = end - start + 1;
+    return Array.from({ length }, (_, index) => start + index);
+}
+function toSafeInteger(value, fallback, minimum = 0) {
+    if (!Number.isFinite(value)) {
+        return fallback;
+    }
+    return Math.max(minimum, Math.trunc(value));
+}
+export function buildPaginationRange(options) {
+    const total = toSafeInteger(options.total, 0, 0);
+    if (total <= 0) {
+        return [];
+    }
+    const page = clamp(toSafeInteger(options.page, 1, 1), 1, total);
+    const siblings = toSafeInteger(options.siblings, 1, 0);
+    const boundaries = Math.min(toSafeInteger(options.boundaries, 1, 0), Math.floor(total / 2));
+    const totalVisibleNumbers = boundaries * 2 + siblings * 2 + 3;
+    if (totalVisibleNumbers >= total) {
+        return range(1, total);
+    }
+    const leftSiblingIndex = Math.max(page - siblings, boundaries + 2);
+    const rightSiblingIndex = Math.min(page + siblings, total - boundaries - 1);
+    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
+    const shouldShowRightDots = rightSiblingIndex < total - boundaries - 1;
+    const leftBoundary = range(1, boundaries);
+    const rightBoundary = range(total - boundaries + 1, total);
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+        const leftItemsCount = boundaries + siblings * 2 + 2;
+        const leftRange = range(1, leftItemsCount);
+        return [...leftRange, "dots-right", ...rightBoundary];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+        const rightItemsCount = boundaries + siblings * 2 + 2;
+        const rightRange = range(total - rightItemsCount + 1, total);
+        return [...leftBoundary, "dots-left", ...rightRange];
+    }
+    if (shouldShowLeftDots && shouldShowRightDots) {
+        const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+        return [
+            ...leftBoundary,
+            "dots-left",
+            ...middleRange,
+            "dots-right",
+            ...rightBoundary
+        ];
+    }
+    return range(1, total);
+}

package/build/components/popover/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Popover } from "./popover";
+export { PopoverTrigger } from "./popover-trigger";
+export { PopoverDropdown } from "./popover-dropdown";
+export type { PopoverProps, PopoverTriggerProps, PopoverDropdownProps, PopoverClassNames, PopoverPositioning, PopoverMiddlewares, PopoverTrigger as PopoverTriggerType } from "./popover.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EACR,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,IAAI,kBAAkB,EACvC,MAAM,iBAAiB,CAAC"}

package/build/components/popover/index.js

@@ -0,0 +1,3 @@
+export { default as Popover } from "./popover";
+export { PopoverTrigger } from "./popover-trigger";
+export { PopoverDropdown } from "./popover-dropdown";

package/build/components/popover/popover-dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PopoverDropdown } from "./popover-dropdown";
+//# sourceMappingURL=index.d.ts.map

package/build/components/popover/popover-dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/build/components/popover/popover-dropdown/index.js

@@ -0,0 +1 @@
+export { default as PopoverDropdown } from "./popover-dropdown";

package/build/components/popover/popover-dropdown/popover-dropdown.d.ts

@@ -0,0 +1,4 @@
+import { PopoverDropdownFactoryPayload } from "../popover.types";
+declare const PopoverDropdown: import("../../..").RefraktorComponent<PopoverDropdownFactoryPayload>;
+export default PopoverDropdown;
+//# sourceMappingURL=popover-dropdown.d.ts.map

package/build/components/popover/popover-dropdown/popover-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-dropdown/popover-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AASjE,QAAA,MAAM,eAAe,sEA4EpB,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/build/components/popover/popover-dropdown/popover-dropdown.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from "../../../theme";
+import { factory } from "../../../utils";
+import { usePopoverContext } from "../popover.context";
+import { Transition } from "../../transition";
+import { FloatingArrow, FloatingFocusManager, FloatingPortal } from "@floating-ui/react";
+const PopoverDropdown = factory(({ children, className, style, ...props }, ref) => {
+    const { cx, getRadius } = useTheme();
+    const { popover, showArrow, radius, withinPortal, transitionProps, getStyles } = usePopoverContext();
+    const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 200, mounted: popover.opened, ...transitionProps, children: _jsxs("div", { ref: (node) => {
+                popover.refs.setFloating(node);
+                if (typeof ref === "function") {
+                    ref(node);
+                }
+                else if (ref) {
+                    ref.current = node;
+                }
+            }, role: "dialog", "aria-modal": "true", style: {
+                ...popover.floatingStyles,
+                ...style
+            }, className: cx("z-50 p-2 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md text-sm border-0", getRadius(radius), getStyles("dropdown"), className), ...popover.getFloatingProps(), ...props, children: [children, showArrow && (_jsx(FloatingArrow, { ref: popover.arrowRef, context: popover.context, width: 10, height: 5, className: cx("fill-[var(--refraktor-bg)]", getStyles("arrow")) }))] }) }));
+    const wrappedContent = popover.opened ? (_jsx(FloatingFocusManager, { context: popover.context, modal: false, children: dropdownContent })) : (dropdownContent);
+    if (withinPortal) {
+        return _jsx(FloatingPortal, { children: wrappedContent });
+    }
+    return wrappedContent;
+});
+PopoverDropdown.displayName = "@refraktor/core/Popover.Dropdown";
+export default PopoverDropdown;

package/build/components/popover/popover-trigger/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PopoverTrigger } from "./popover-trigger";
+//# sourceMappingURL=index.d.ts.map

package/build/components/popover/popover-trigger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-trigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/build/components/popover/popover-trigger/index.js

@@ -0,0 +1 @@
+export { default as PopoverTrigger } from "./popover-trigger";

package/build/components/popover/popover-trigger/popover-trigger.d.ts

@@ -0,0 +1,4 @@
+import { PopoverTriggerFactoryPayload } from "../popover.types";
+declare const PopoverTrigger: import("../../..").RefraktorComponent<PopoverTriggerFactoryPayload>;
+export default PopoverTrigger;
+//# sourceMappingURL=popover-trigger.d.ts.map

package/build/components/popover/popover-trigger/popover-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-trigger/popover-trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAGhE,QAAA,MAAM,cAAc,qEAsCnB,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/build/components/popover/popover-trigger/popover-trigger.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneElement, isValidElement } from "react";
+import { useTheme } from "../../../theme";
+import { factory } from "../../../utils";
+import { usePopoverContext } from "../popover.context";
+const PopoverTrigger = factory(({ children, className, ...props }, ref) => {
+    const { cx } = useTheme();
+    const { popover, getStyles } = usePopoverContext();
+    const triggerElement = isValidElement(children)
+        ? cloneElement(children, {
+            ref: (node) => {
+                popover.refs.setReference(node);
+                const childRef = children.ref;
+                if (typeof childRef === "function") {
+                    childRef(node);
+                }
+                else if (childRef) {
+                    childRef.current = node;
+                }
+                if (typeof ref === "function") {
+                    ref(node);
+                }
+                else if (ref) {
+                    ref.current = node;
+                }
+            },
+            ...popover.getReferenceProps({
+                ...children.props
+            })
+        })
+        : children;
+    return (_jsx("div", { className: cx("inline-block", getStyles("trigger"), className), ...props, children: triggerElement }));
+});
+PopoverTrigger.displayName = "@refraktor/core/Popover.Trigger";
+export default PopoverTrigger;

package/build/components/popover/popover.context.d.ts

@@ -0,0 +1,18 @@
+import { UsePopoverReturn } from "./use-popover";
+import { PopoverClassNames } from "./popover.types";
+import { RefraktorRadius } from "../../theme";
+import { TransitionProps } from "../transition";
+export interface PopoverContextValue {
+    popover: UsePopoverReturn;
+    showArrow: boolean;
+    radius: RefraktorRadius;
+    withinPortal: boolean;
+    transitionProps?: Omit<TransitionProps, "children" | "mounted">;
+    classNames?: PopoverClassNames;
+    getStyles: (part: keyof PopoverClassNames) => string | undefined;
+}
+export declare const PopoverProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: PopoverContextValue;
+}) => import("react/jsx-runtime").JSX.Element, usePopoverContext: () => PopoverContextValue;
+//# sourceMappingURL=popover.context.d.ts.map

package/build/components/popover/popover.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.context.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,eAAe,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAC;CACpE;AAED,eAAO,MAAO,eAAe;;;+CAAE,iBAAiB,2BAG3C,CAAC"}

package/build/components/popover/popover.context.js

@@ -0,0 +1,2 @@
+import { createSafeContext } from "@refraktor/utils";
+export const [PopoverProvider, usePopoverContext] = createSafeContext("Popover component was not found in tree. Make sure you wrap Popover.Trigger and Popover.Dropdown with Popover component.");

package/build/components/popover/popover.d.ts

@@ -0,0 +1,4 @@
+import { PopoverFactoryPayload } from "./popover.types";
+declare const Popover: import("../..").RefraktorComponent<PopoverFactoryPayload>;
+export default Popover;
+//# sourceMappingURL=popover.d.ts.map

package/build/components/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,qBAAqB,EAExB,MAAM,iBAAiB,CAAC;AAuBzB,QAAA,MAAM,OAAO,2DAoEX,CAAC;AAQH,eAAe,OAAO,CAAC"}

package/build/components/popover/popover.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "@refraktor/utils";
+import { useTheme } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, factory, useClassNames, useProps } from "../../utils";
+import { usePopover } from "./use-popover";
+import { PopoverProvider } from "./popover.context";
+import { PopoverTrigger } from "./popover-trigger";
+import { PopoverDropdown } from "./popover-dropdown";
+const defaultProps = {
+    positioning: {
+        placement: "bottom",
+        offset: 8
+    },
+    middlewares: { flip: true, shift: true },
+    trigger: "click",
+    openDelay: 0,
+    closeDelay: 0,
+    showArrow: false,
+    radius: "default",
+    withinPortal: true,
+    closeOnClickOutside: true,
+    closeOnEscape: true,
+    trapFocus: false
+};
+const Popover = factory((_props, ref) => {
+    const { cx } = useTheme();
+    const { id, children, opened, defaultOpened, onOpenedChange, positioning, middlewares, disabled, trigger, openDelay, closeDelay, showArrow, transitionProps, radius, withinPortal, closeOnClickOutside, closeOnEscape, trapFocus, className, classNames, ...props } = useProps("Popover", defaultProps, _props);
+    const classes = useClassNames("Popover", classNames);
+    const _id = useId(id);
+    const popover = usePopover({
+        opened,
+        defaultOpened,
+        onOpenedChange,
+        positioning,
+        middlewares,
+        disabled,
+        trigger,
+        showArrow,
+        closeOnClickOutside,
+        closeOnEscape,
+        openDelay,
+        closeDelay
+    });
+    const getStyles = (part) => classes[part];
+    return (_jsx(PopoverProvider, { value: {
+            popover,
+            showArrow: showArrow ?? false,
+            radius: radius ?? "default",
+            withinPortal: withinPortal ?? true,
+            transitionProps,
+            classNames,
+            getStyles
+        }, children: _jsx("div", { ref: ref, id: _id, className: cx("inline-block", classes.root, className), ...props, children: children }) }));
+});
+Popover.displayName = "@refraktor/core/Popover";
+Popover.configure = createComponentConfig();
+Popover.classNames = createClassNamesConfig();
+Popover.Trigger = PopoverTrigger;
+Popover.Dropdown = PopoverDropdown;
+export default Popover;

package/build/components/popover/popover.types.d.ts

@@ -0,0 +1,96 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import type { FlipOptions, InlineOptions, Placement, ShiftOptions } from "@floating-ui/react";
+import { TransitionProps } from "../transition";
+import { RefraktorRadius } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
+import { PopoverTrigger } from "./popover-trigger";
+import { PopoverDropdown } from "./popover-dropdown";
+export type PopoverClassNames = {
+    root?: string;
+    trigger?: string;
+    dropdown?: string;
+    arrow?: string;
+};
+export type PopoverPositioning = {
+    /** The placement of the popover relative to the trigger element @default `bottom` */
+    placement?: Placement;
+    /** Offset distance from the trigger element in pixels @default `8` */
+    offset?: number;
+};
+export type PopoverMiddlewares = {
+    shift?: boolean | ShiftOptions;
+    flip?: boolean | FlipOptions;
+    inline?: boolean | InlineOptions;
+};
+export type PopoverTrigger = "click" | "hover" | "focus";
+export interface PopoverProps extends ComponentPropsWithoutRef<"div"> {
+    /** Children containing subcomponents */
+    children: ReactNode;
+    /** State of the popover (controlled) */
+    opened?: boolean;
+    /** Initial state of the popover (uncontrolled) */
+    defaultOpened?: boolean;
+    /** Callback called when the popover state changes */
+    onOpenedChange?: (opened: boolean) => void;
+    /** Positioning settings for the popover */
+    positioning?: PopoverPositioning;
+    /** Middlewares settings for the popover */
+    middlewares?: PopoverMiddlewares;
+    /** Whether the popover is disabled @default `false` */
+    disabled?: boolean;
+    /** Trigger type for the popover @default `click` */
+    trigger?: PopoverTrigger;
+    /** Delay in milliseconds before the popover opens @default `0` */
+    openDelay?: number;
+    /** Delay in milliseconds before the popover closes @default `0` */
+    closeDelay?: number;
+    /** Whether to show the arrow for the popover @default `false` */
+    showArrow?: boolean;
+    /** Transition props for the popover dropdown, uses Transition component internally */
+    transitionProps?: Omit<TransitionProps, "children" | "mounted">;
+    /** Radius for the popover dropdown @default `default` */
+    radius?: RefraktorRadius;
+    /** Whether to render the popover within a portal @default `true` */
+    withinPortal?: boolean;
+    /** Whether to close on click outside @default `true` */
+    closeOnClickOutside?: boolean;
+    /** Whether to close on escape key @default `true` */
+    closeOnEscape?: boolean;
+    /** Whether to trap focus within the popover @default `false` */
+    trapFocus?: boolean;
+    /** Used for editing root class name */
+    className?: string;
+    /** Used for styling different parts of the component */
+    classNames?: PopoverClassNames;
+}
+export interface PopoverTriggerProps extends ComponentPropsWithoutRef<"div"> {
+    /** The trigger element */
+    children: ReactNode;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface PopoverDropdownProps extends ComponentPropsWithoutRef<"div"> {
+    /** Content to display inside the dropdown */
+    children: ReactNode;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface PopoverFactoryPayload extends FactoryPayload {
+    props: PopoverProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<PopoverProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<PopoverClassNames>>;
+        Trigger: typeof PopoverTrigger;
+        Dropdown: typeof PopoverDropdown;
+    };
+}
+export interface PopoverTriggerFactoryPayload extends FactoryPayload {
+    props: PopoverTriggerProps;
+    ref: HTMLDivElement;
+}
+export interface PopoverDropdownFactoryPayload extends FactoryPayload {
+    props: PopoverDropdownProps;
+    ref: HTMLDivElement;
+}
+//# sourceMappingURL=popover.types.d.ts.map

package/build/components/popover/popover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.types.ts"],"names":[],"mappings":"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"}

package/build/components/popover/popover.types.js

@@ -0,0 +1 @@
+export {};

package/build/components/popover/use-popover.d.ts

@@ -0,0 +1,37 @@
+import { PopoverMiddlewares, PopoverPositioning, PopoverTrigger } from "./popover.types";
+import { FloatingContext, Placement } from "@floating-ui/react";
+interface UsePopoverProps {
+    opened?: boolean;
+    defaultOpened?: boolean;
+    onOpenedChange?: (opened: boolean) => void;
+    positioning?: PopoverPositioning;
+    middlewares?: PopoverMiddlewares;
+    disabled?: boolean;
+    trigger?: PopoverTrigger;
+    showArrow?: boolean;
+    closeOnClickOutside?: boolean;
+    closeOnEscape?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+}
+export interface UsePopoverReturn {
+    opened: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    context: FloatingContext;
+    refs: {
+        setReference: (node: HTMLElement | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+        reference: React.MutableRefObject<HTMLElement | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+    };
+    floatingStyles: React.CSSProperties;
+    getReferenceProps: (userProps?: React.HTMLAttributes<HTMLElement>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLAttributes<HTMLElement>) => Record<string, unknown>;
+    arrowRef: React.RefObject<SVGSVGElement | null>;
+    placement: Placement;
+}
+export declare function usePopover(options?: UsePopoverProps): UsePopoverReturn;
+export {};
+//# sourceMappingURL=use-popover.d.ts.map

package/build/components/popover/use-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/use-popover.ts"],"names":[],"mappings":"AACA,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAIH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAG5B,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,OAAO,GAAE,eAAoB,GAAG,gBAAgB,CAwJ1E"}