@refraktor/core 0.0.1 → 0.0.3

package/src/components/table/table.styles.ts

@@ -0,0 +1,62 @@
+import { RefraktorSize } from "../../theme";
+
+type TableSizeStyles = {
+    headerCell: string;
+    cell: string;
+    caption: string;
+};
+
+type TableBodyStyleOptions = {
+    striped: boolean;
+    highlightOnHover: boolean;
+    withRowBorders: boolean;
+};
+
+const sizes: Record<RefraktorSize, TableSizeStyles> = {
+    xs: {
+        headerCell: "px-2 py-1.5 text-xs",
+        cell: "px-2 py-1.5 text-xs",
+        caption: "text-xs"
+    },
+    sm: {
+        headerCell: "px-2.5 py-2 text-xs",
+        cell: "px-2.5 py-2 text-sm",
+        caption: "text-xs"
+    },
+    md: {
+        headerCell: "px-3 py-2.5 text-sm",
+        cell: "px-3 py-2.5 text-sm",
+        caption: "text-sm"
+    },
+    lg: {
+        headerCell: "px-3.5 py-3 text-base",
+        cell: "px-3.5 py-3 text-base",
+        caption: "text-base"
+    },
+    xl: {
+        headerCell: "px-4 py-3.5 text-lg",
+        cell: "px-4 py-3.5 text-lg",
+        caption: "text-lg"
+    }
+};
+
+export const getSize = (size: RefraktorSize = "md") => sizes[size];
+
+export const getColumnBorder = (withColumnBorders = false) =>
+    withColumnBorders
+        ? "border-r border-[var(--refraktor-border)] last:border-r-0"
+        : "";
+
+export const getBodyStyles = ({
+    striped,
+    highlightOnHover,
+    withRowBorders
+}: TableBodyStyleOptions) =>
+    [
+        striped && "[&_tr:nth-child(odd)]:bg-[var(--refraktor-bg-subtle)]",
+        highlightOnHover && "[&_tr:hover]:bg-[var(--refraktor-bg-hover)]",
+        withRowBorders &&
+            "[&_tr]:border-b [&_tr]:border-[var(--refraktor-border)] [&_tr:last-child]:border-b-0"
+    ]
+        .filter(Boolean)
+        .join(" ");

package/src/components/table/table.test.tsx

@@ -0,0 +1,145 @@
+import { createRef } from "react";
+import { describe, expect, it } from "vitest";
+import { render, screen } from "../../vitest";
+import Table from "./table";
+
+describe("@refraktor/core/Table", () => {
+    it("renders semantic table structure with subcomponents", async () => {
+        await render(
+            <Table>
+                <Table.Caption>Users</Table.Caption>
+                <Table.Head>
+                    <Table.Row>
+                        <Table.HeaderCell>Name</Table.HeaderCell>
+                        <Table.HeaderCell>Email</Table.HeaderCell>
+                    </Table.Row>
+                </Table.Head>
+
+                <Table.Body>
+                    <Table.Row>
+                        <Table.Cell>Ada</Table.Cell>
+                        <Table.Cell>ada@example.com</Table.Cell>
+                    </Table.Row>
+                </Table.Body>
+            </Table>
+        );
+
+        expect(screen.getByRole("table")).toBeInTheDocument();
+        expect(screen.getByText("Users")).toBeInTheDocument();
+        expect(
+            screen.getByRole("columnheader", { name: "Name" })
+        ).toBeInTheDocument();
+        expect(screen.getByRole("cell", { name: "Ada" })).toBeInTheDocument();
+    });
+
+    it("applies body behavior styles", async () => {
+        const { container } = await render(
+            <Table striped highlightOnHover withRowBorders>
+                <Table.Head>
+                    <Table.Row>
+                        <Table.HeaderCell>Name</Table.HeaderCell>
+                    </Table.Row>
+                </Table.Head>
+
+                <Table.Body>
+                    <Table.Row>
+                        <Table.Cell>Ada</Table.Cell>
+                    </Table.Row>
+                </Table.Body>
+            </Table>
+        );
+
+        const body = container.querySelector("tbody") as HTMLTableSectionElement;
+
+        expect(body.className).toContain("nth-child(odd)");
+        expect(body.className).toContain("[&_tr:hover]:bg-[var(--refraktor-bg-hover)]");
+        expect(body.className).toContain("[&_tr]:border-b");
+    });
+
+    it("applies column borders and size styles", async () => {
+        await render(
+            <Table withColumnBorders size="xl">
+                <Table.Head>
+                    <Table.Row>
+                        <Table.HeaderCell>Name</Table.HeaderCell>
+                    </Table.Row>
+                </Table.Head>
+
+                <Table.Body>
+                    <Table.Row>
+                        <Table.Cell>Ada</Table.Cell>
+                    </Table.Row>
+                </Table.Body>
+            </Table>
+        );
+
+        const headerCell = screen.getByRole("columnheader", { name: "Name" });
+        const cell = screen.getByRole("cell", { name: "Ada" });
+
+        expect(headerCell.className).toContain("border-r");
+        expect(cell.className).toContain("border-r");
+        expect(cell.className).toContain("px-4");
+    });
+
+    it("supports root and slot class names", async () => {
+        const { container } = await render(
+            <Table
+                className="custom-root"
+                classNames={{
+                    head: "custom-head",
+                    body: "custom-body",
+                    row: "custom-row",
+                    headerCell: "custom-header-cell",
+                    cell: "custom-cell",
+                    caption: "custom-caption"
+                }}
+            >
+                <Table.Caption>Users</Table.Caption>
+                <Table.Head>
+                    <Table.Row>
+                        <Table.HeaderCell>Name</Table.HeaderCell>
+                    </Table.Row>
+                </Table.Head>
+
+                <Table.Body>
+                    <Table.Row>
+                        <Table.Cell>Ada</Table.Cell>
+                    </Table.Row>
+                </Table.Body>
+            </Table>
+        );
+
+        const root = container.firstElementChild as HTMLTableElement;
+        const head = container.querySelector("thead") as HTMLTableSectionElement;
+        const body = container.querySelector("tbody") as HTMLTableSectionElement;
+        const row = screen.getAllByRole("row")[0];
+        const headerCell = screen.getByRole("columnheader", { name: "Name" });
+        const cell = screen.getByRole("cell", { name: "Ada" });
+        const caption = screen.getByText("Users");
+
+        expect(root).toHaveClass("custom-root");
+        expect(head).toHaveClass("custom-head");
+        expect(body).toHaveClass("custom-body");
+        expect(row).toHaveClass("custom-row");
+        expect(headerCell).toHaveClass("custom-header-cell");
+        expect(cell).toHaveClass("custom-cell");
+        expect(caption).toHaveClass("custom-caption");
+    });
+
+    it("forwards ref to table root", async () => {
+        const ref = createRef<HTMLTableElement>();
+
+        await render(
+            <Table ref={ref}>
+                <Table.Body>
+                    <Table.Row>
+                        <Table.Cell>Ada</Table.Cell>
+                    </Table.Row>
+                </Table.Body>
+            </Table>
+        );
+
+        expect(ref.current).toBeInstanceOf(HTMLTableElement);
+        expect(ref.current?.tagName).toBe("TABLE");
+    });
+});

package/src/components/table/table.tsx

@@ -0,0 +1,91 @@
+import { useId } from "@refraktor/utils";
+import { useCallback } from "react";
+import { useTheme } from "../../theme";
+import {
+    createClassNamesConfig,
+    createComponentConfig,
+    factory,
+    useClassNames,
+    useProps
+} from "../../utils";
+import { TableBody } from "./table-body";
+import { TableCaption } from "./table-caption";
+import { TableCell } from "./table-cell";
+import { TableProvider } from "./table.context";
+import { TableHead } from "./table-head";
+import { TableHeaderCell } from "./table-header-cell";
+import { TableRow } from "./table-row";
+import { TableClassNames, TableFactoryPayload, TableProps } from "./table.types";
+
+const defaultProps = {
+    size: "md",
+    radius: "default",
+    striped: false,
+    highlightOnHover: false,
+    withRowBorders: true,
+    withColumnBorders: false
+} satisfies Partial<TableProps>;
+
+const Table = factory<TableFactoryPayload>((_props, ref) => {
+    const { cx, getRadius } = useTheme();
+    const {
+        id,
+        children,
+        size,
+        radius,
+        striped,
+        highlightOnHover,
+        withRowBorders,
+        withColumnBorders,
+        className,
+        classNames,
+        ...props
+    } = useProps("Table", defaultProps, _props);
+    const classes = useClassNames("Table", classNames);
+    const _id = useId(id);
+
+    const getStyles = useCallback(
+        (part: keyof TableClassNames) => classes[part],
+        [classes]
+    );
+
+    return (
+        <TableProvider
+            value={{
+                size,
+                radius,
+                striped,
+                highlightOnHover,
+                withRowBorders,
+                withColumnBorders,
+                getStyles
+            }}
+        >
+            <table
+                ref={ref}
+                id={_id}
+                className={cx(
+                    "w-full border-collapse text-left text-[var(--refraktor-text)]",
+                    getRadius(radius),
+                    classes.root,
+                    className
+                )}
+                {...props}
+            >
+                {children}
+            </table>
+        </TableProvider>
+    );
+});
+
+Table.displayName = "@refraktor/core/Table";
+Table.configure = createComponentConfig<TableProps>();
+Table.classNames = createClassNamesConfig<TableClassNames>();
+Table.Head = TableHead;
+Table.Body = TableBody;
+Table.Row = TableRow;
+Table.HeaderCell = TableHeaderCell;
+Table.Cell = TableCell;
+Table.Caption = TableCaption;
+
+export default Table;

package/src/components/table/table.types.ts

@@ -0,0 +1,145 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import {
+    createClassNamesConfig,
+    createComponentConfig,
+    FactoryPayload
+} from "../../utils";
+import { TableBody } from "./table-body";
+import { TableCaption } from "./table-caption";
+import { TableCell } from "./table-cell";
+import { TableHead } from "./table-head";
+import { TableHeaderCell } from "./table-header-cell";
+import { TableRow } from "./table-row";
+
+export type TableClassNames = {
+    root?: string;
+    head?: string;
+    body?: string;
+    row?: string;
+    headerCell?: string;
+    cell?: string;
+    caption?: string;
+};
+
+export interface TableProps extends ComponentPropsWithoutRef<"table"> {
+    /** Children containing table subcomponents */
+    children: ReactNode;
+
+    /** Shared table size @default `md` */
+    size?: RefraktorSize;
+
+    /** Shared table radius @default `default` */
+    radius?: RefraktorRadius;
+
+    /** Whether odd body rows are striped @default `false` */
+    striped?: boolean;
+
+    /** Whether body rows highlight on hover @default `false` */
+    highlightOnHover?: boolean;
+
+    /** Whether body rows have bottom border @default `true` */
+    withRowBorders?: boolean;
+
+    /** Whether cells have vertical separators @default `false` */
+    withColumnBorders?: boolean;
+
+    /** Used for editing root class name */
+    className?: string;
+
+    /** Used for styling different parts of the component */
+    classNames?: TableClassNames;
+}
+
+export interface TableHeadProps extends ComponentPropsWithoutRef<"thead"> {
+    /** Header content */
+    children: ReactNode;
+
+    /** Used for editing root class name */
+    className?: string;
+}
+
+export interface TableBodyProps extends ComponentPropsWithoutRef<"tbody"> {
+    /** Body content */
+    children: ReactNode;
+
+    /** Used for editing root class name */
+    className?: string;
+}
+
+export interface TableRowProps extends ComponentPropsWithoutRef<"tr"> {
+    /** Row content */
+    children: ReactNode;
+
+    /** Used for editing root class name */
+    className?: string;
+}
+
+export interface TableHeaderCellProps extends ComponentPropsWithoutRef<"th"> {
+    /** Header cell content */
+    children: ReactNode;
+
+    /** Used for editing root class name */
+    className?: string;
+}
+
+export interface TableCellProps extends ComponentPropsWithoutRef<"td"> {
+    /** Cell content */
+    children: ReactNode;
+
+    /** Used for editing root class name */
+    className?: string;
+}
+
+export interface TableCaptionProps extends ComponentPropsWithoutRef<"caption"> {
+    /** Caption content */
+    children?: ReactNode;
+
+    /** Used for editing root class name */
+    className?: string;
+}
+
+export interface TableFactoryPayload extends FactoryPayload {
+    props: TableProps;
+    ref: HTMLTableElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<TableProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<TableClassNames>>;
+        Head: typeof TableHead;
+        Body: typeof TableBody;
+        Row: typeof TableRow;
+        HeaderCell: typeof TableHeaderCell;
+        Cell: typeof TableCell;
+        Caption: typeof TableCaption;
+    };
+}
+
+export interface TableHeadFactoryPayload extends FactoryPayload {
+    props: TableHeadProps;
+    ref: HTMLTableSectionElement;
+}
+
+export interface TableBodyFactoryPayload extends FactoryPayload {
+    props: TableBodyProps;
+    ref: HTMLTableSectionElement;
+}
+
+export interface TableRowFactoryPayload extends FactoryPayload {
+    props: TableRowProps;
+    ref: HTMLTableRowElement;
+}
+
+export interface TableHeaderCellFactoryPayload extends FactoryPayload {
+    props: TableHeaderCellProps;
+    ref: HTMLTableCellElement;
+}
+
+export interface TableCellFactoryPayload extends FactoryPayload {
+    props: TableCellProps;
+    ref: HTMLTableCellElement;
+}
+
+export interface TableCaptionFactoryPayload extends FactoryPayload {
+    props: TableCaptionProps;
+    ref: HTMLTableCaptionElement;
+}

package/src/components/tabs/tabs-tab/tabs-tab.tsx

@@ -91,10 +91,6 @@ const TabsTab = factory<TabsTabFactoryPayload>(
 
             const nextTab = tabs[nextIndex];
             nextTab.ref.current?.focus();
-
-            if (activationMode === "automatic") {
-                onValueChange(nextTab.value);
-            }
         };
 
         const handleBoundary = (type: "first" | "last") => {
@@ -107,10 +103,6 @@ const TabsTab = factory<TabsTabFactoryPayload>(
             const target = type === "first" ? tabs[0] : tabs[tabs.length - 1];
 
             target.ref.current?.focus();
-
-            if (activationMode === "automatic") {
-                onValueChange(target.value);
-            }
         };
 
         return (

package/src/components/tooltip/tooltip.tsx

@@ -50,6 +50,7 @@ const Tooltip = factory<TooltipFactoryPayload>((_props, ref) => {
         transitionProps,
         radius,
         withinPortal,
+        style,
         className,
         classNames,
         ...props
@@ -94,6 +95,7 @@ const Tooltip = factory<TooltipFactoryPayload>((_props, ref) => {
             transition="fade"
             duration={200}
             mounted={isOpened}
+            style={{ position: "relative", zIndex: 1000 }}
             {...transitionProps}
         >
             <div
@@ -108,7 +110,11 @@ const Tooltip = factory<TooltipFactoryPayload>((_props, ref) => {
                 }}
                 id={_id}
                 role="tooltip"
-                style={floatingStyles}
+                style={{
+                    ...floatingStyles,
+                    zIndex: 1000,
+                    ...style
+                }}
                 className={cx(
                     "z-50 px-1.5 py-0.5 text-sm bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md",
                     getRadius(radius),

package/src/components/tooltip/use-tooltip.ts

@@ -136,7 +136,8 @@ export function useTooltip(options: UseTooltipProps = {}): UseTooltipReturn {
         open: isOpen,
         onOpenChange: setIsOpen,
         middleware: middleware,
-        whileElementsMounted: autoUpdate
+        whileElementsMounted: autoUpdate,
+        strategy: "fixed"
     });
 
     const hover = useHover(floating.context, {

package/src/components/transition/transition.tsx

@@ -239,26 +239,30 @@ const Transition = polymorphicFactory<TransitionFactoryPayload>(
                 setTransitionState("entering");
 
                 rafRef.current = window.requestAnimationFrame(() => {
-                    if (runIdRef.current !== runId) {
-                        return;
-                    }
-
-                    setTransitionState("entered");
+                    // Second rAF ensures the browser has painted the enterFrom
+                    // styles before we move to entered, so the CSS transition fires.
+                    rafRef.current = window.requestAnimationFrame(() => {
+                        if (runIdRef.current !== runId) {
+                            return;
+                        }
 
-                    const waitTime = enterDuration + enterDelay;
+                        setTransitionState("entered");
 
-                    if (waitTime <= 0) {
-                        onEnterEnd?.();
-                        return;
-                    }
+                        const waitTime = enterDuration + enterDelay;
 
-                    timeoutRef.current = window.setTimeout(() => {
-                        if (runIdRef.current !== runId) {
+                        if (waitTime <= 0) {
+                            onEnterEnd?.();
                             return;
                         }
 
-                        onEnterEnd?.();
-                    }, waitTime);
+                        timeoutRef.current = window.setTimeout(() => {
+                            if (runIdRef.current !== runId) {
+                                return;
+                            }
+
+                            onEnterEnd?.();
+                        }, waitTime);
+                    });
                 });
 
                 return;

package/src/style.css

@@ -253,7 +253,6 @@
 .refraktor-scrollbar {
     scrollbar-width: thin;
     scrollbar-color: var(--refraktor-scroll-thumb) transparent;
-    scrollbar-gutter: stable both-edges;
 }
 
 .refraktor-scrollbar::-webkit-scrollbar {

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/index.ts","./src/components/index.ts","./src/components/accordion/accordion.context.ts","./src/components/accordion/accordion.styles.ts","./src/components/accordion/accordion.test.tsx","./src/components/accordion/accordion.tsx","./src/components/accordion/accordion.types.ts","./src/components/accordion/index.ts","./src/components/accordion/accordion-control/accordion-control.tsx","./src/components/accordion/accordion-control/index.ts","./src/components/accordion/accordion-item/accordion-item.tsx","./src/components/accordion/accordion-item/index.ts","./src/components/accordion/accordion-panel/accordion-panel.tsx","./src/components/accordion/accordion-panel/index.ts","./src/components/avatar/avatar.styles.ts","./src/components/avatar/avatar.tsx","./src/components/avatar/avatar.types.ts","./src/components/avatar/index.ts","./src/components/avatar/avatar-group/avatar-group.tsx","./src/components/avatar/avatar-group/index.ts","./src/components/badge/badge.styles.ts","./src/components/badge/badge.tsx","./src/components/badge/badge.types.ts","./src/components/badge/index.ts","./src/components/button/button.styles.ts","./src/components/button/button.test.tsx","./src/components/button/button.tsx","./src/components/button/button.types.ts","./src/components/button/index.ts","./src/components/checkbox/checkbox.context.ts","./src/components/checkbox/checkbox.styles.ts","./src/components/checkbox/checkbox.test.tsx","./src/components/checkbox/checkbox.tsx","./src/components/checkbox/checkbox.types.ts","./src/components/checkbox/index.ts","./src/components/checkbox/checkbox-group/checkbox-group.tsx","./src/components/checkbox/checkbox-group/index.ts","./src/components/color-swatch/color-swatch.styles.ts","./src/components/color-swatch/color-swatch.test.tsx","./src/components/color-swatch/color-swatch.tsx","./src/components/color-swatch/color-swatch.types.ts","./src/components/color-swatch/index.ts","./src/components/input/index.ts","./src/components/input/input.tsx","./src/components/input/input.types.ts","./src/components/input/input-description/index.ts","./src/components/input/input-description/input-description.tsx","./src/components/input/input-error/index.ts","./src/components/input/input-error/input-error.tsx","./src/components/input/input-field/index.ts","./src/components/input/input-field/input-field.styles.ts","./src/components/input/input-field/input-field.tsx","./src/components/input/input-label/index.ts","./src/components/input/input-label/input-label.tsx","./src/components/input/input-wrapper/index.ts","./src/components/input/input-wrapper/input-wrapper.tsx","./src/components/loader/index.ts","./src/components/loader/loader.tsx","./src/components/loader/loader.types.ts","./src/components/menu/index.ts","./src/components/menu/menu.context.ts","./src/components/menu/menu.test.tsx","./src/components/menu/menu.tsx","./src/components/menu/menu.types.ts","./src/components/menu/use-menu.ts","./src/components/menu/menu-dropdown/index.ts","./src/components/menu/menu-dropdown/menu-dropdown.tsx","./src/components/menu/menu-item/index.ts","./src/components/menu/menu-item/menu-item.tsx","./src/components/menu/menu-label/index.ts","./src/components/menu/menu-label/menu-label.tsx","./src/components/menu/menu-separator/index.ts","./src/components/menu/menu-separator/menu-separator.tsx","./src/components/menu/menu-sub/index.ts","./src/components/menu/menu-sub/menu-sub.tsx","./src/components/menu/menu-sub-dropdown/index.ts","./src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx","./src/components/menu/menu-sub-trigger/index.ts","./src/components/menu/menu-sub-trigger/menu-sub-trigger.tsx","./src/components/menu/menu-trigger/index.ts","./src/components/menu/menu-trigger/menu-trigger.tsx","./src/components/modal/index.ts","./src/components/modal/modal.context.ts","./src/components/modal/modal.test.tsx","./src/components/modal/modal.tsx","./src/components/modal/modal.types.ts","./src/components/modal/use-modal.ts","./src/components/modal/modal-close/index.ts","./src/components/modal/modal-close/modal-close.tsx","./src/components/modal/modal-content/index.ts","./src/components/modal/modal-content/modal-content.tsx","./src/components/modal/modal-header/index.ts","./src/components/modal/modal-header/modal-header.tsx","./src/components/modal/modal-overlay/index.ts","./src/components/modal/modal-overlay/modal-overlay.tsx","./src/components/modal/modal-root/index.ts","./src/components/modal/modal-root/modal-root.tsx","./src/components/number-input/index.ts","./src/components/number-input/number-input.styles.ts","./src/components/number-input/number-input.tsx","./src/components/number-input/number-input.types.ts","./src/components/pagination/index.ts","./src/components/pagination/pagination.styles.ts","./src/components/pagination/pagination.test.tsx","./src/components/pagination/pagination.tsx","./src/components/pagination/pagination.types.ts","./src/components/pagination/pagination.utils.ts","./src/components/popover/index.ts","./src/components/popover/popover.context.ts","./src/components/popover/popover.tsx","./src/components/popover/popover.types.ts","./src/components/popover/use-popover.ts","./src/components/popover/popover-dropdown/index.ts","./src/components/popover/popover-dropdown/popover-dropdown.tsx","./src/components/popover/popover-trigger/index.ts","./src/components/popover/popover-trigger/popover-trigger.tsx","./src/components/portal/index.ts","./src/components/portal/portal.test.tsx","./src/components/portal/portal.tsx","./src/components/portal/portal.types.ts","./src/components/progress/index.ts","./src/components/progress/progress.styles.ts","./src/components/progress/progress.test.tsx","./src/components/progress/progress.tsx","./src/components/progress/progress.types.ts","./src/components/progress-circle/index.ts","./src/components/progress-circle/progress-circle.styles.ts","./src/components/progress-circle/progress-circle.test.tsx","./src/components/progress-circle/progress-circle.tsx","./src/components/progress-circle/progress-circle.types.ts","./src/components/radio/index.ts","./src/components/radio/radio.context.ts","./src/components/radio/radio.styles.ts","./src/components/radio/radio.test.tsx","./src/components/radio/radio.tsx","./src/components/radio/radio.types.ts","./src/components/radio/radio-group/index.ts","./src/components/radio/radio-group/radio-group.tsx","./src/components/select/index.ts","./src/components/select/select.context.ts","./src/components/select/select.test.tsx","./src/components/select/select.tsx","./src/components/select/select.types.ts","./src/components/select/use-select.ts","./src/components/select/select-dropdown/index.ts","./src/components/select/select-dropdown/select-dropdown.tsx","./src/components/select/select-group/index.ts","./src/components/select/select-group/select-group.tsx","./src/components/select/select-item/index.ts","./src/components/select/select-item/select-item.tsx","./src/components/select/select-root/index.ts","./src/components/select/select-root/select-root.tsx","./src/components/select/select-trigger/index.ts","./src/components/select/select-trigger/select-trigger.tsx","./src/components/slider/index.ts","./src/components/slider/slider.styles.ts","./src/components/slider/slider.tsx","./src/components/slider/slider.types.ts","./src/components/switch/index.ts","./src/components/switch/switch.styles.ts","./src/components/switch/switch.tsx","./src/components/switch/switch.types.ts","./src/components/tabs/index.ts","./src/components/tabs/tabs.context.ts","./src/components/tabs/tabs.styles.ts","./src/components/tabs/tabs.test.tsx","./src/components/tabs/tabs.tsx","./src/components/tabs/tabs.types.ts","./src/components/tabs/tabs-list/index.ts","./src/components/tabs/tabs-list/tabs-list.tsx","./src/components/tabs/tabs-panel/index.ts","./src/components/tabs/tabs-panel/tabs-panel.tsx","./src/components/tabs/tabs-tab/index.ts","./src/components/tabs/tabs-tab/tabs-tab.tsx","./src/components/textarea/index.ts","./src/components/textarea/textarea.tsx","./src/components/textarea/textarea.types.ts","./src/components/textarea/textarea-field/index.ts","./src/components/textarea/textarea-field/textarea-field.styles.ts","./src/components/textarea/textarea-field/textarea-field.tsx","./src/components/timeline/index.ts","./src/components/timeline/timeline.context.ts","./src/components/timeline/timeline.styles.ts","./src/components/timeline/timeline.test.tsx","./src/components/timeline/timeline.tsx","./src/components/timeline/timeline.types.ts","./src/components/timeline/timeline-item/index.ts","./src/components/timeline/timeline-item/timeline-item.tsx","./src/components/tooltip/index.ts","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip.types.ts","./src/components/tooltip/use-tooltip.ts","./src/components/transition/index.ts","./src/components/transition/transition.test.tsx","./src/components/transition/transition.tsx","./src/components/transition/transition.types.ts","./src/components/transition/transitions.ts","./src/icons/check.tsx","./src/icons/chevron.tsx","./src/icons/index.ts","./src/icons/minus.tsx","./src/icons/types.ts","./src/icons/user.tsx","./src/icons/x.tsx","./src/theme/index.ts","./src/theme/types.ts","./src/theme/themeprovider/themeprovider.tsx","./src/theme/themeprovider/context.ts","./src/theme/themeprovider/generatevariables.test.ts","./src/theme/themeprovider/generatevariables.ts","./src/theme/themeprovider/index.ts","./src/theme/themeprovider/types.ts","./src/theme/createtheme/createtheme.ts","./src/theme/createtheme/index.ts","./src/theme/createtheme/types.ts","./src/theme/defaults/colors.ts","./src/theme/defaults/settings.ts","./src/theme/utils/get-radius.ts","./src/theme/utils/get-shade.ts","./src/theme/utils/index.ts","./src/theme/utils/use-theme.ts","./src/utils/index.ts","./src/utils/configs/create-config.ts","./src/utils/configs/index.ts","./src/utils/configs/use-class-names.ts","./src/utils/configs/use-props.ts","./src/utils/cx/index.ts","./src/utils/factory/factory.ts","./src/utils/factory/index.ts","./src/utils/factory/types.ts","./src/vitest/index.ts","./src/vitest/setup.tsx","./src/vitest/utils.tsx"],"version":"5.9.3"}
+{"root":["./src/index.ts","./src/components/index.ts","./src/components/accordion/accordion.context.ts","./src/components/accordion/accordion.styles.ts","./src/components/accordion/accordion.test.tsx","./src/components/accordion/accordion.tsx","./src/components/accordion/accordion.types.ts","./src/components/accordion/index.ts","./src/components/accordion/accordion-control/accordion-control.tsx","./src/components/accordion/accordion-control/index.ts","./src/components/accordion/accordion-item/accordion-item.tsx","./src/components/accordion/accordion-item/index.ts","./src/components/accordion/accordion-panel/accordion-panel.tsx","./src/components/accordion/accordion-panel/index.ts","./src/components/avatar/avatar.styles.ts","./src/components/avatar/avatar.tsx","./src/components/avatar/avatar.types.ts","./src/components/avatar/index.ts","./src/components/avatar/avatar-group/avatar-group.tsx","./src/components/avatar/avatar-group/index.ts","./src/components/badge/badge.styles.ts","./src/components/badge/badge.tsx","./src/components/badge/badge.types.ts","./src/components/badge/index.ts","./src/components/breadcrumbs/breadcrumbs.styles.ts","./src/components/breadcrumbs/breadcrumbs.test.tsx","./src/components/breadcrumbs/breadcrumbs.tsx","./src/components/breadcrumbs/breadcrumbs.types.ts","./src/components/breadcrumbs/breadcrumbs.utils.ts","./src/components/breadcrumbs/index.ts","./src/components/button/button.styles.ts","./src/components/button/button.test.tsx","./src/components/button/button.tsx","./src/components/button/button.types.ts","./src/components/button/index.ts","./src/components/checkbox/checkbox.context.ts","./src/components/checkbox/checkbox.styles.ts","./src/components/checkbox/checkbox.test.tsx","./src/components/checkbox/checkbox.tsx","./src/components/checkbox/checkbox.types.ts","./src/components/checkbox/index.ts","./src/components/checkbox/checkbox-group/checkbox-group.tsx","./src/components/checkbox/checkbox-group/index.ts","./src/components/color-swatch/color-swatch.styles.ts","./src/components/color-swatch/color-swatch.test.tsx","./src/components/color-swatch/color-swatch.tsx","./src/components/color-swatch/color-swatch.types.ts","./src/components/color-swatch/index.ts","./src/components/drawer/drawer.context.ts","./src/components/drawer/drawer.styles.ts","./src/components/drawer/drawer.test.tsx","./src/components/drawer/drawer.tsx","./src/components/drawer/drawer.types.ts","./src/components/drawer/index.ts","./src/components/drawer/use-drawer.ts","./src/components/drawer/drawer-close/drawer-close.tsx","./src/components/drawer/drawer-close/index.ts","./src/components/drawer/drawer-content/drawer-content.tsx","./src/components/drawer/drawer-content/index.ts","./src/components/drawer/drawer-header/drawer-header.tsx","./src/components/drawer/drawer-header/index.ts","./src/components/drawer/drawer-overlay/drawer-overlay.tsx","./src/components/drawer/drawer-overlay/index.ts","./src/components/drawer/drawer-root/drawer-root.tsx","./src/components/drawer/drawer-root/index.ts","./src/components/input/index.ts","./src/components/input/input.tsx","./src/components/input/input.types.ts","./src/components/input/input-description/index.ts","./src/components/input/input-description/input-description.tsx","./src/components/input/input-error/index.ts","./src/components/input/input-error/input-error.tsx","./src/components/input/input-field/index.ts","./src/components/input/input-field/input-field.styles.ts","./src/components/input/input-field/input-field.tsx","./src/components/input/input-label/index.ts","./src/components/input/input-label/input-label.tsx","./src/components/input/input-wrapper/index.ts","./src/components/input/input-wrapper/input-wrapper.tsx","./src/components/loader/index.ts","./src/components/loader/loader.tsx","./src/components/loader/loader.types.ts","./src/components/menu/index.ts","./src/components/menu/menu.context.ts","./src/components/menu/menu.test.tsx","./src/components/menu/menu.tsx","./src/components/menu/menu.types.ts","./src/components/menu/use-menu.ts","./src/components/menu/menu-dropdown/index.ts","./src/components/menu/menu-dropdown/menu-dropdown.tsx","./src/components/menu/menu-item/index.ts","./src/components/menu/menu-item/menu-item.tsx","./src/components/menu/menu-label/index.ts","./src/components/menu/menu-label/menu-label.tsx","./src/components/menu/menu-separator/index.ts","./src/components/menu/menu-separator/menu-separator.tsx","./src/components/menu/menu-sub/index.ts","./src/components/menu/menu-sub/menu-sub.tsx","./src/components/menu/menu-sub-dropdown/index.ts","./src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx","./src/components/menu/menu-sub-trigger/index.ts","./src/components/menu/menu-sub-trigger/menu-sub-trigger.tsx","./src/components/menu/menu-trigger/index.ts","./src/components/menu/menu-trigger/menu-trigger.tsx","./src/components/modal/index.ts","./src/components/modal/modal.context.ts","./src/components/modal/modal.test.tsx","./src/components/modal/modal.tsx","./src/components/modal/modal.types.ts","./src/components/modal/use-modal.ts","./src/components/modal/modal-close/index.ts","./src/components/modal/modal-close/modal-close.tsx","./src/components/modal/modal-content/index.ts","./src/components/modal/modal-content/modal-content.tsx","./src/components/modal/modal-header/index.ts","./src/components/modal/modal-header/modal-header.tsx","./src/components/modal/modal-overlay/index.ts","./src/components/modal/modal-overlay/modal-overlay.tsx","./src/components/modal/modal-root/index.ts","./src/components/modal/modal-root/modal-root.tsx","./src/components/number-input/index.ts","./src/components/number-input/number-input.styles.ts","./src/components/number-input/number-input.test.tsx","./src/components/number-input/number-input.tsx","./src/components/number-input/number-input.types.ts","./src/components/pagination/index.ts","./src/components/pagination/pagination.styles.ts","./src/components/pagination/pagination.test.tsx","./src/components/pagination/pagination.tsx","./src/components/pagination/pagination.types.ts","./src/components/pagination/pagination.utils.ts","./src/components/popover/index.ts","./src/components/popover/popover.context.ts","./src/components/popover/popover.tsx","./src/components/popover/popover.types.ts","./src/components/popover/use-popover.ts","./src/components/popover/popover-dropdown/index.ts","./src/components/popover/popover-dropdown/popover-dropdown.tsx","./src/components/popover/popover-trigger/index.ts","./src/components/popover/popover-trigger/popover-trigger.tsx","./src/components/portal/index.ts","./src/components/portal/portal.test.tsx","./src/components/portal/portal.tsx","./src/components/portal/portal.types.ts","./src/components/progress/index.ts","./src/components/progress/progress.styles.ts","./src/components/progress/progress.test.tsx","./src/components/progress/progress.tsx","./src/components/progress/progress.types.ts","./src/components/progress-circle/index.ts","./src/components/progress-circle/progress-circle.styles.ts","./src/components/progress-circle/progress-circle.test.tsx","./src/components/progress-circle/progress-circle.tsx","./src/components/progress-circle/progress-circle.types.ts","./src/components/radio/index.ts","./src/components/radio/radio.context.ts","./src/components/radio/radio.styles.ts","./src/components/radio/radio.test.tsx","./src/components/radio/radio.tsx","./src/components/radio/radio.types.ts","./src/components/radio/radio-group/index.ts","./src/components/radio/radio-group/radio-group.tsx","./src/components/segmented-control/index.ts","./src/components/segmented-control/segmented-control.styles.ts","./src/components/segmented-control/segmented-control.test.tsx","./src/components/segmented-control/segmented-control.tsx","./src/components/segmented-control/segmented-control.types.ts","./src/components/select/index.ts","./src/components/select/select.context.ts","./src/components/select/select.test.tsx","./src/components/select/select.tsx","./src/components/select/select.types.ts","./src/components/select/use-select.ts","./src/components/select/select-dropdown/index.ts","./src/components/select/select-dropdown/select-dropdown.tsx","./src/components/select/select-group/index.ts","./src/components/select/select-group/select-group.tsx","./src/components/select/select-item/index.ts","./src/components/select/select-item/select-item.tsx","./src/components/select/select-root/index.ts","./src/components/select/select-root/select-root.tsx","./src/components/select/select-trigger/index.ts","./src/components/select/select-trigger/select-trigger.tsx","./src/components/slider/index.ts","./src/components/slider/slider.styles.ts","./src/components/slider/slider.tsx","./src/components/slider/slider.types.ts","./src/components/switch/index.ts","./src/components/switch/switch.styles.ts","./src/components/switch/switch.tsx","./src/components/switch/switch.types.ts","./src/components/table/index.ts","./src/components/table/table.context.ts","./src/components/table/table.styles.ts","./src/components/table/table.test.tsx","./src/components/table/table.tsx","./src/components/table/table.types.ts","./src/components/table/table-body/index.ts","./src/components/table/table-body/table-body.tsx","./src/components/table/table-caption/index.ts","./src/components/table/table-caption/table-caption.tsx","./src/components/table/table-cell/index.ts","./src/components/table/table-cell/table-cell.tsx","./src/components/table/table-head/index.ts","./src/components/table/table-head/table-head.tsx","./src/components/table/table-header-cell/index.ts","./src/components/table/table-header-cell/table-header-cell.tsx","./src/components/table/table-row/index.ts","./src/components/table/table-row/table-row.tsx","./src/components/tabs/index.ts","./src/components/tabs/tabs.context.ts","./src/components/tabs/tabs.styles.ts","./src/components/tabs/tabs.test.tsx","./src/components/tabs/tabs.tsx","./src/components/tabs/tabs.types.ts","./src/components/tabs/tabs-list/index.ts","./src/components/tabs/tabs-list/tabs-list.tsx","./src/components/tabs/tabs-panel/index.ts","./src/components/tabs/tabs-panel/tabs-panel.tsx","./src/components/tabs/tabs-tab/index.ts","./src/components/tabs/tabs-tab/tabs-tab.tsx","./src/components/textarea/index.ts","./src/components/textarea/textarea.tsx","./src/components/textarea/textarea.types.ts","./src/components/textarea/textarea-field/index.ts","./src/components/textarea/textarea-field/textarea-field.styles.ts","./src/components/textarea/textarea-field/textarea-field.tsx","./src/components/timeline/index.ts","./src/components/timeline/timeline.context.ts","./src/components/timeline/timeline.styles.ts","./src/components/timeline/timeline.test.tsx","./src/components/timeline/timeline.tsx","./src/components/timeline/timeline.types.ts","./src/components/timeline/timeline-item/index.ts","./src/components/timeline/timeline-item/timeline-item.tsx","./src/components/tooltip/index.ts","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip.types.ts","./src/components/tooltip/use-tooltip.ts","./src/components/transition/index.ts","./src/components/transition/transition.test.tsx","./src/components/transition/transition.tsx","./src/components/transition/transition.types.ts","./src/components/transition/transitions.ts","./src/icons/check.tsx","./src/icons/chevron.tsx","./src/icons/index.ts","./src/icons/minus.tsx","./src/icons/types.ts","./src/icons/user.tsx","./src/icons/x.tsx","./src/theme/index.ts","./src/theme/types.ts","./src/theme/themeprovider/themeprovider.tsx","./src/theme/themeprovider/context.ts","./src/theme/themeprovider/generatevariables.test.ts","./src/theme/themeprovider/generatevariables.ts","./src/theme/themeprovider/index.ts","./src/theme/themeprovider/types.ts","./src/theme/createtheme/createtheme.ts","./src/theme/createtheme/index.ts","./src/theme/createtheme/types.ts","./src/theme/defaults/colors.ts","./src/theme/defaults/settings.ts","./src/theme/utils/get-radius.ts","./src/theme/utils/get-shade.ts","./src/theme/utils/index.ts","./src/theme/utils/use-theme.ts","./src/utils/index.ts","./src/utils/configs/create-config.ts","./src/utils/configs/index.ts","./src/utils/configs/use-class-names.ts","./src/utils/configs/use-props.ts","./src/utils/cx/index.ts","./src/utils/factory/factory.ts","./src/utils/factory/index.ts","./src/utils/factory/types.ts","./src/vitest/index.ts","./src/vitest/setup.tsx","./src/vitest/utils.tsx"],"version":"5.9.3"}