@refraktor/core 0.0.2 → 0.0.3

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

@@ -0,0 +1,23 @@
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import { TransitionProps } from "../transition";
+import { DrawerClassNames, DrawerPosition } from "./drawer.types";
+import { UseDrawerReturn } from "./use-drawer";
+export interface DrawerContextValue {
+    drawer: UseDrawerReturn;
+    closeOnClickOutside: boolean;
+    lockScroll: boolean;
+    withinPortal: boolean;
+    radius: RefraktorRadius;
+    position: DrawerPosition;
+    size: RefraktorSize;
+    transitionProps?: Omit<TransitionProps, "children" | "mounted">;
+    headerId: string;
+    contentRef: React.MutableRefObject<HTMLDivElement | null>;
+    classNames?: DrawerClassNames;
+    getStyles: (part: keyof DrawerClassNames) => string | undefined;
+}
+export declare const DrawerProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: DrawerContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useDrawerContext: () => DrawerContextValue;
+//# sourceMappingURL=drawer.context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.context.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IAC/B,MAAM,EAAE,eAAe,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,cAAc,CAAC;IACzB,IAAI,EAAE,aAAa,CAAC;IACpB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1D,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,gBAAgB,KAAK,MAAM,GAAG,SAAS,CAAC;CACnE;AAED,eAAO,MAAO,cAAc;;;+CAAE,gBAAgB,0BAGzC,CAAC"}

package/build/components/drawer/drawer.context.js

@@ -0,0 +1,2 @@
+import { createSafeContext } from "@refraktor/utils";
+export const [DrawerProvider, useDrawerContext] = createSafeContext("Drawer context was not found in tree. Make sure Drawer subcomponents are wrapped with Drawer or DrawerRoot.");

package/build/components/drawer/drawer.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEH,oBAAoB,EAEvB,MAAM,gBAAgB,CAAC;AAExB,QAAA,MAAM,MAAM,0DAEV,CAAC;AAWH,eAAe,MAAM,CAAC"}

package/build/components/drawer/drawer.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createClassNamesConfig, createComponentConfig, factory } from "../../utils";
+import { DrawerClose } from "./drawer-close";
+import { DrawerContent } from "./drawer-content";
+import { DrawerHeader } from "./drawer-header";
+import { DrawerOverlay } from "./drawer-overlay";
+import { DrawerRoot } from "./drawer-root";
+const Drawer = factory((props, ref) => {
+    return _jsx(DrawerRoot, { ...props, ref: ref });
+});
+Drawer.displayName = "@refraktor/core/Drawer";
+Drawer.configure = createComponentConfig();
+Drawer.classNames = createClassNamesConfig();
+Drawer.Root = DrawerRoot;
+Drawer.Overlay = DrawerOverlay;
+Drawer.Content = DrawerContent;
+Drawer.Header = DrawerHeader;
+Drawer.Close = DrawerClose;
+export default Drawer;

package/build/components/drawer/drawer.styles.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from "react";
+import { RefraktorSize } from "../../theme";
+import { DrawerPosition } from "./drawer.types";
+export declare const getSize: (size?: RefraktorSize) => string;
+export declare function getSizeStyles(position: DrawerPosition, size?: RefraktorSize): CSSProperties;
+//# sourceMappingURL=drawer.styles.d.ts.map

package/build/components/drawer/drawer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUhD,eAAO,MAAM,OAAO,GAAI,OAAM,aAAoB,WAAgB,CAAC;AAEnE,wBAAgB,aAAa,CACzB,QAAQ,EAAE,cAAc,EACxB,IAAI,GAAE,aAAoB,GAC3B,aAAa,CAcf"}

package/build/components/drawer/drawer.styles.js

@@ -0,0 +1,21 @@
+const sizes = {
+    xs: "16rem",
+    sm: "20rem",
+    md: "24rem",
+    lg: "30rem",
+    xl: "36rem"
+};
+export const getSize = (size = "md") => sizes[size];
+export function getSizeStyles(position, size = "md") {
+    const resolvedSize = getSize(size);
+    if (position === "left" || position === "right") {
+        return {
+            width: resolvedSize,
+            maxWidth: "100vw"
+        };
+    }
+    return {
+        height: resolvedSize,
+        maxHeight: "100vh"
+    };
+}

package/build/components/drawer/drawer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=drawer.test.d.ts.map

package/build/components/drawer/drawer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.test.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.test.tsx"],"names":[],"mappings":""}

package/build/components/drawer/drawer.test.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { describe, expect, it, vi } from "vitest";
+import { render, screen, userEvent, waitFor } from "../../vitest";
+import Drawer from "./drawer";
+import { DrawerContent } from "./drawer-content";
+import { DrawerOverlay } from "./drawer-overlay";
+import { DrawerRoot } from "./drawer-root";
+describe("@refraktor/core/Drawer", () => {
+    const transitionProps = {
+        duration: 0,
+        immediate: true
+    };
+    it("renders with compound subcomponents and closes with header close button", async () => {
+        const user = userEvent.setup();
+        await render(_jsxs(Drawer, { defaultOpened: true, transitionProps: transitionProps, children: [_jsx(Drawer.Overlay, {}), _jsxs(Drawer.Content, { children: [_jsx(Drawer.Header, { text: "Edit profile" }), _jsx("p", { children: "Drawer body" })] })] }));
+        expect(await screen.findByRole("dialog", { name: "Edit profile" })).toBeInTheDocument();
+        await user.click(screen.getByRole("button", { name: "Close" }));
+        await waitFor(() => {
+            expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+        });
+    });
+    it("calls onOpenedChange when clicking overlay in controlled mode", async () => {
+        const user = userEvent.setup();
+        const onOpenedChange = vi.fn();
+        await render(_jsxs(Drawer, { opened: true, onOpenedChange: onOpenedChange, transitionProps: transitionProps, children: [_jsx(Drawer.Overlay, { "data-testid": "overlay" }), _jsx(Drawer.Content, { children: "Controlled drawer" })] }));
+        await user.click(await screen.findByTestId("overlay"));
+        expect(onOpenedChange).toHaveBeenCalledWith(false);
+    });
+    it("closes on Escape key", async () => {
+        const user = userEvent.setup();
+        await render(_jsx(Drawer, { defaultOpened: true, transitionProps: transitionProps, children: _jsx(Drawer.Content, { children: "Keyboard close" }) }));
+        await screen.findByRole("dialog");
+        await user.keyboard("{Escape}");
+        await waitFor(() => {
+            expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+        });
+    });
+    it("supports standalone subcomponents with DrawerRoot", async () => {
+        await render(_jsxs(DrawerRoot, { defaultOpened: true, transitionProps: transitionProps, children: [_jsx(DrawerOverlay, {}), _jsx(DrawerContent, { children: "Standalone composition" })] }));
+        expect(await screen.findByRole("dialog")).toBeInTheDocument();
+    });
+    it("applies custom overlay background opacity and blur", async () => {
+        await render(_jsxs(Drawer, { defaultOpened: true, transitionProps: transitionProps, children: [_jsx(Drawer.Overlay, { "data-testid": "overlay", backgroundOpacity: 0.4, blur: 6 }), _jsx(Drawer.Content, { children: "Styled overlay" })] }));
+        const overlay = await screen.findByTestId("overlay");
+        expect(overlay).toHaveStyle({
+            backgroundColor: "rgba(0, 0, 0, 0.4)",
+            backdropFilter: "blur(6px)"
+        });
+    });
+    it("locks and unlocks body scroll when enabled", async () => {
+        const user = userEvent.setup();
+        await render(_jsx(Drawer, { defaultOpened: true, lockScroll: true, transitionProps: transitionProps, children: _jsxs(Drawer.Content, { children: ["Scroll locked", _jsx(Drawer.Close, {})] }) }));
+        await waitFor(() => {
+            expect(document.body).toHaveAttribute("data-scroll-locked");
+        });
+        await user.click(screen.getByRole("button", { name: "Close" }));
+        await waitFor(() => {
+            expect(document.body).not.toHaveAttribute("data-scroll-locked");
+        });
+    });
+    it("supports different positions and predefined sizes", async () => {
+        await render(_jsxs(_Fragment, { children: [_jsx(Drawer, { defaultOpened: true, position: "left", size: "sm", transitionProps: transitionProps, children: _jsx(Drawer.Content, { "data-testid": "left-content", children: "Left" }) }), _jsx(Drawer, { defaultOpened: true, position: "bottom", size: "xl", transitionProps: transitionProps, children: _jsx(Drawer.Content, { "data-testid": "bottom-content", children: "Bottom" }) })] }));
+        const leftContent = await screen.findByTestId("left-content");
+        const bottomContent = await screen.findByTestId("bottom-content");
+        expect(leftContent).toHaveAttribute("data-position", "left");
+        expect(leftContent).toHaveStyle({ width: "20rem" });
+        expect(bottomContent).toHaveAttribute("data-position", "bottom");
+        expect(bottomContent).toHaveStyle({ height: "36rem" });
+    });
+});

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

@@ -0,0 +1,116 @@
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from "react";
+import { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import { TransitionProps } from "../transition";
+import { DrawerRoot } from "./drawer-root";
+import { DrawerOverlay } from "./drawer-overlay";
+import { DrawerContent } from "./drawer-content";
+import { DrawerHeader } from "./drawer-header";
+import { DrawerClose } from "./drawer-close";
+export type DrawerPosition = "left" | "right" | "top" | "bottom";
+export type DrawerClassNames = {
+    root?: string;
+    overlay?: string;
+    content?: string;
+    header?: string;
+    close?: string;
+};
+export interface DrawerProps extends ComponentPropsWithoutRef<"div"> {
+    /** Children containing drawer subcomponents */
+    children: ReactNode;
+    /** State of the drawer (controlled) */
+    opened?: boolean;
+    /** Initial state of the drawer (uncontrolled) */
+    defaultOpened?: boolean;
+    /** Callback called when drawer state changes */
+    onOpenedChange?: (opened: boolean) => void;
+    /** Whether to close drawer on overlay/outside click @default `true` */
+    closeOnClickOutside?: boolean;
+    /** Whether to close drawer on Escape key @default `true` */
+    closeOnEscape?: boolean;
+    /** Whether to lock body scroll while opened @default `true` */
+    lockScroll?: boolean;
+    /** Whether to render overlay/content inside portal @default `true` */
+    withinPortal?: boolean;
+    /** Radius for drawer content @default `none` */
+    radius?: RefraktorRadius;
+    /** Side where drawer appears @default `right` */
+    position?: DrawerPosition;
+    /** Drawer size scale (width for left/right, height for top/bottom) @default `md` */
+    size?: RefraktorSize;
+    /** Transition props for overlay/content, uses Transition internally */
+    transitionProps?: Omit<TransitionProps, "children" | "mounted">;
+    /** Used for editing root class name */
+    className?: string;
+    /** Used for styling different parts of the component */
+    classNames?: DrawerClassNames;
+}
+export type DrawerRootProps = DrawerProps;
+export interface DrawerOverlayProps extends ComponentPropsWithoutRef<"div"> {
+    /** Whether clicking the overlay closes drawer @default `true` */
+    closeOnClick?: boolean;
+    /** Overlay background opacity @default `0.5` */
+    backgroundOpacity?: number;
+    /** Backdrop blur amount in px (or any CSS length) @default `0` */
+    blur?: number | string;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface DrawerContentProps extends ComponentPropsWithoutRef<"div"> {
+    /** Drawer body content */
+    children: ReactNode;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface DrawerHeaderProps extends ComponentPropsWithoutRef<"div"> {
+    /** Header content */
+    children?: ReactNode;
+    /** Shorthand header text */
+    text?: ReactNode;
+    /** Whether to show close button inside header @default `true` */
+    withClose?: boolean;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface DrawerCloseProps extends Omit<ComponentPropsWithoutRef<"button">, "onClick"> {
+    /** Optional close content (defaults to `x`) */
+    children?: ReactNode;
+    /** Click callback fired before closing */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface DrawerFactoryPayload extends FactoryPayload {
+    props: DrawerProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<DrawerProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<DrawerClassNames>>;
+        Root: typeof DrawerRoot;
+        Overlay: typeof DrawerOverlay;
+        Content: typeof DrawerContent;
+        Header: typeof DrawerHeader;
+        Close: typeof DrawerClose;
+    };
+}
+export interface DrawerRootFactoryPayload extends FactoryPayload {
+    props: DrawerRootProps;
+    ref: HTMLDivElement;
+}
+export interface DrawerOverlayFactoryPayload extends FactoryPayload {
+    props: DrawerOverlayProps;
+    ref: HTMLDivElement;
+}
+export interface DrawerContentFactoryPayload extends FactoryPayload {
+    props: DrawerContentProps;
+    ref: HTMLDivElement;
+}
+export interface DrawerHeaderFactoryPayload extends FactoryPayload {
+    props: DrawerHeaderProps;
+    ref: HTMLDivElement;
+}
+export interface DrawerCloseFactoryPayload extends FactoryPayload {
+    props: DrawerCloseProps;
+    ref: HTMLButtonElement;
+}
+//# sourceMappingURL=drawer.types.d.ts.map

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

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

package/build/components/drawer/drawer.types.js

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

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

@@ -0,0 +1,8 @@
+export { default as Drawer } from "./drawer";
+export { DrawerRoot } from "./drawer-root";
+export { DrawerOverlay } from "./drawer-overlay";
+export { DrawerContent } from "./drawer-content";
+export { DrawerHeader } from "./drawer-header";
+export { DrawerClose } from "./drawer-close";
+export type { DrawerProps, DrawerRootProps, DrawerOverlayProps, DrawerContentProps, DrawerHeaderProps, DrawerCloseProps, DrawerClassNames, DrawerPosition } from "./drawer.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EACR,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACjB,MAAM,gBAAgB,CAAC"}

package/build/components/drawer/index.js

@@ -0,0 +1,6 @@
+export { default as Drawer } from "./drawer";
+export { DrawerRoot } from "./drawer-root";
+export { DrawerOverlay } from "./drawer-overlay";
+export { DrawerContent } from "./drawer-content";
+export { DrawerHeader } from "./drawer-header";
+export { DrawerClose } from "./drawer-close";

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

@@ -0,0 +1,17 @@
+interface UseDrawerProps {
+    opened?: boolean;
+    defaultOpened?: boolean;
+    onOpenedChange?: (opened: boolean) => void;
+    closeOnClickOutside?: boolean;
+    closeOnEscape?: boolean;
+    contentRef: React.MutableRefObject<HTMLElement | null>;
+}
+export interface UseDrawerReturn {
+    opened: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export declare function useDrawer(options: UseDrawerProps): UseDrawerReturn;
+export {};
+//# sourceMappingURL=use-drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/use-drawer.ts"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC1D;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,cAAc,GAAG,eAAe,CAiFlE"}

package/build/components/drawer/use-drawer.js

@@ -0,0 +1,61 @@
+import { useUncontrolled } from "@refraktor/utils";
+import { useCallback, useEffect } from "react";
+export function useDrawer(options) {
+    const { opened, defaultOpened, onOpenedChange, closeOnClickOutside = true, closeOnEscape = true, contentRef } = options;
+    const [isOpen, setIsOpen] = useUncontrolled({
+        value: opened,
+        defaultValue: defaultOpened,
+        finalValue: false,
+        onChange: onOpenedChange
+    });
+    const open = useCallback(() => {
+        setIsOpen(true);
+    }, [setIsOpen]);
+    const close = useCallback(() => {
+        setIsOpen(false);
+    }, [setIsOpen]);
+    const toggle = useCallback(() => {
+        setIsOpen(!isOpen);
+    }, [isOpen, setIsOpen]);
+    useEffect(() => {
+        if (!isOpen || !closeOnEscape) {
+            return;
+        }
+        const handleKeyDown = (event) => {
+            if (event.key === "Escape") {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [closeOnEscape, isOpen, setIsOpen]);
+    useEffect(() => {
+        if (!isOpen || !closeOnClickOutside) {
+            return;
+        }
+        const handlePointerDown = (event) => {
+            const target = event.target;
+            if (!(target instanceof Node)) {
+                return;
+            }
+            if (contentRef.current?.contains(target)) {
+                return;
+            }
+            setIsOpen(false);
+        };
+        document.addEventListener("mousedown", handlePointerDown);
+        document.addEventListener("touchstart", handlePointerDown);
+        return () => {
+            document.removeEventListener("mousedown", handlePointerDown);
+            document.removeEventListener("touchstart", handlePointerDown);
+        };
+    }, [closeOnClickOutside, contentRef, isOpen, setIsOpen]);
+    return {
+        opened: isOpen,
+        open,
+        close,
+        toggle
+    };
+}

package/build/components/index.d.ts

@@ -1,9 +1,11 @@
 export * from "./accordion";
 export * from "./avatar";
 export * from "./badge";
+export * from "./breadcrumbs";
 export * from "./button";
 export * from "./checkbox";
 export * from "./color-swatch";
+export * from "./drawer";
 export * from "./input";
 export * from "./loader";
 export * from "./modal";
@@ -16,8 +18,10 @@ export * from "./progress";
 export * from "./progress-circle";
 export * from "./radio";
 export * from "./select";
+export * from "./segmented-control";
 export * from "./slider";
 export * from "./switch";
+export * from "./table";
 export * from "./tabs";
 export * from "./timeline";
 export * from "./textarea";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/build/components/index.js

@@ -1,9 +1,11 @@
 export * from "./accordion";
 export * from "./avatar";
 export * from "./badge";
+export * from "./breadcrumbs";
 export * from "./button";
 export * from "./checkbox";
 export * from "./color-swatch";
+export * from "./drawer";
 export * from "./input";
 export * from "./loader";
 export * from "./modal";
@@ -16,8 +18,10 @@ export * from "./progress";
 export * from "./progress-circle";
 export * from "./radio";
 export * from "./select";
+export * from "./segmented-control";
 export * from "./slider";
 export * from "./switch";
+export * from "./table";
 export * from "./tabs";
 export * from "./timeline";
 export * from "./textarea";

package/build/components/modal/modal-overlay/modal-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-overlay/modal-overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,QAAA,MAAM,YAAY,mEAoDjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"modal-overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-overlay/modal-overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,QAAA,MAAM,YAAY,mEA0EjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/build/components/modal/modal-overlay/modal-overlay.js

@@ -4,9 +4,13 @@ import { factory } from "../../../utils";
 import { Portal } from "../../portal";
 import { Transition } from "../../transition";
 import { useModalContext } from "../modal.context";
-const ModalOverlay = factory(({ closeOnClick = true, className, onMouseDown, ...props }, ref) => {
+const ModalOverlay = factory(({ closeOnClick = true, backgroundOpacity = 0.5, blur = 0, className, onMouseDown, style, ...props }, ref) => {
     const { cx } = useTheme();
     const { modal, closeOnClickOutside, withinPortal, transitionProps, getStyles } = useModalContext();
+    const blurValue = typeof blur === "number" ? `${blur}px` : blur;
+    const backdropFilterValue = blurValue !== "0" && blurValue !== "0px"
+        ? `blur(${blurValue})`
+        : undefined;
     const handleMouseDown = (event) => {
         onMouseDown?.(event);
         if (event.defaultPrevented ||
@@ -16,7 +20,11 @@ const ModalOverlay = factory(({ closeOnClick = true, className, onMouseDown, ...
         }
         modal.close();
     };
-    const overlayContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: modal.opened, ...transitionProps, children: _jsx("div", { ref: ref, "aria-hidden": "true", className: cx("fixed inset-0 z-40 bg-gradient-to-b from-black/60 via-black/45 to-black/65 backdrop-blur-[2px]", getStyles("overlay"), className), onMouseDown: handleMouseDown, ...props }) }));
+    const overlayContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: modal.opened, ...transitionProps, children: _jsx("div", { ref: ref, "aria-hidden": "true", className: cx("fixed inset-0 z-40", getStyles("overlay"), className), style: {
+                backgroundColor: `rgba(0, 0, 0, ${backgroundOpacity})`,
+                backdropFilter: backdropFilterValue,
+                ...style
+            }, onMouseDown: handleMouseDown, ...props }) }));
     return withinPortal ? (_jsx(Portal, { children: overlayContent })) : (overlayContent);
 });
 ModalOverlay.displayName = "@refraktor/core/Modal.Overlay";

package/build/components/modal/modal.test.js

@@ -39,6 +39,22 @@ describe("@refraktor/core/Modal", () => {
         await render(_jsxs(ModalRoot, { defaultOpened: true, transitionProps: transitionProps, children: [_jsx(ModalOverlay, {}), _jsx(ModalContent, { children: "Standalone composition" })] }));
         expect(await screen.findByRole("dialog")).toBeInTheDocument();
     });
+    it("applies custom overlay background opacity and blur", async () => {
+        await render(_jsxs(Modal, { defaultOpened: true, transitionProps: transitionProps, children: [_jsx(Modal.Overlay, { "data-testid": "overlay", backgroundOpacity: 0.4, blur: 6 }), _jsx(Modal.Content, { children: "Styled overlay" })] }));
+        const overlay = await screen.findByTestId("overlay");
+        expect(overlay).toHaveStyle({
+            backgroundColor: "rgba(0, 0, 0, 0.4)",
+            backdropFilter: "blur(6px)"
+        });
+    });
+    it("does not set backdrop blur for zero blur", async () => {
+        await render(_jsxs(Modal, { defaultOpened: true, transitionProps: transitionProps, children: [_jsx(Modal.Overlay, { "data-testid": "overlay", blur: 0 }), _jsx(Modal.Content, { children: "No blur" })] }));
+        const overlay = await screen.findByTestId("overlay");
+        expect(overlay).toHaveStyle({
+            backgroundColor: "rgba(0, 0, 0, 0.5)"
+        });
+        expect(overlay.style.backdropFilter).toBe("");
+    });
     it("locks and unlocks body scroll when enabled", async () => {
         const user = userEvent.setup();
         await render(_jsx(Modal, { defaultOpened: true, lockScroll: true, transitionProps: transitionProps, children: _jsxs(Modal.Content, { children: ["Scroll locked", _jsx(Modal.Close, {})] }) }));

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

@@ -44,6 +44,10 @@ export type ModalRootProps = ModalProps;
 export interface ModalOverlayProps extends ComponentPropsWithoutRef<"div"> {
     /** Whether clicking the overlay closes modal @default `true` */
     closeOnClick?: boolean;
+    /** Overlay background opacity @default `0.5` */
+    backgroundOpacity?: number;
+    /** Backdrop blur amount in px (or any CSS length) @default `0` */
+    blur?: number | string;
     /** Used for editing root class name */
     className?: string;
 }

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

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

package/build/components/segmented-control/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SegmentedControl } from "./segmented-control";
+export type { SegmentedControlProps, SegmentedControlClassNames, SegmentedControlItem } from "./segmented-control.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,YAAY,EACR,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,EACvB,MAAM,2BAA2B,CAAC"}

package/build/components/segmented-control/index.js

@@ -0,0 +1 @@
+export { default as SegmentedControl } from "./segmented-control";

package/build/components/segmented-control/segmented-control.d.ts

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

package/build/components/segmented-control/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEH,8BAA8B,EAEjC,MAAM,2BAA2B,CAAC;AASnC,QAAA,MAAM,gBAAgB,oEAqNrB,CAAC;AAOF,eAAe,gBAAgB,CAAC"}