@refraktor/core 0.0.2 → 0.0.4

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/icons/eye-off.tsx

@@ -0,0 +1,30 @@
+import { IconProps } from "./types";
+
+const EyeOffIcon = ({ size = 20, className, ...props }: IconProps) => {
+    return (
+        <svg
+            fill="currentColor"
+            viewBox="0 0 32 32"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            width={size}
+            height={size}
+            className={className}
+            {...props}
+        >
+            <g>
+                <path d="M16.108 10.044c-3.313 0-6 2.687-6 6s2.687 6 6 6 6-2.686 6-6-2.686-6-6-6zM16.108 20.044c-2.206 0-4.046-1.838-4.046-4.044s1.794-4 4-4c2.206 0 4 1.794 4 4s-1.748 4.044-3.954 4.044zM31.99 15.768c-0.012-0.050-0.006-0.104-0.021-0.153-0.006-0.021-0.020-0.033-0.027-0.051-0.011-0.028-0.008-0.062-0.023-0.089-2.909-6.66-9.177-10.492-15.857-10.492s-13.074 3.826-15.984 10.486c-0.012 0.028-0.010 0.057-0.021 0.089-0.007 0.020-0.021 0.030-0.028 0.049-0.015 0.050-0.009 0.103-0.019 0.154-0.018 0.090-0.035 0.178-0.035 0.269s0.017 0.177 0.035 0.268c0.010 0.050 0.003 0.105 0.019 0.152 0.006 0.023 0.021 0.032 0.028 0.052 0.010 0.027 0.008 0.061 0.021 0.089 2.91 6.658 9.242 10.428 15.922 10.428s13.011-3.762 15.92-10.422c0.015-0.029 0.012-0.058 0.023-0.090 0.007-0.017 0.020-0.030 0.026-0.050 0.015-0.049 0.011-0.102 0.021-0.154 0.018-0.090 0.034-0.177 0.034-0.27 0-0.088-0.017-0.175-0.035-0.266zM16 25.019c-5.665 0-11.242-2.986-13.982-8.99 2.714-5.983 8.365-9.047 14.044-9.047 5.678 0 11.203 3.067 13.918 9.053-2.713 5.982-8.301 8.984-13.981 8.984z" />
+
+                <path
+                    d="M4 4 L28 28"
+                    stroke="currentColor"
+                    strokeWidth="2.5"
+                    strokeLinecap="round"
+                    fill="none"
+                />
+            </g>
+        </svg>
+    );
+};
+
+export default EyeOffIcon;

package/src/icons/eye.tsx

@@ -0,0 +1,24 @@
+import { IconProps } from "./types";
+
+const EyeIcon = ({ size = 20, className, ...props }: IconProps) => {
+    return (
+        <svg
+            fill="currentColor"
+            viewBox="0 0 32 32"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            width={size}
+            height={size}
+            className={className}
+            {...props}
+        >
+            <g strokeWidth="0"></g>
+            <g strokeLinecap="round" strokeLinejoin="round"></g>
+            <g>
+                <path d="M16.108 10.044c-3.313 0-6 2.687-6 6s2.687 6 6 6 6-2.686 6-6-2.686-6-6-6zM16.108 20.044c-2.206 0-4.046-1.838-4.046-4.044s1.794-4 4-4c2.206 0 4 1.794 4 4s-1.748 4.044-3.954 4.044zM31.99 15.768c-0.012-0.050-0.006-0.104-0.021-0.153-0.006-0.021-0.020-0.033-0.027-0.051-0.011-0.028-0.008-0.062-0.023-0.089-2.909-6.66-9.177-10.492-15.857-10.492s-13.074 3.826-15.984 10.486c-0.012 0.028-0.010 0.057-0.021 0.089-0.007 0.020-0.021 0.030-0.028 0.049-0.015 0.050-0.009 0.103-0.019 0.154-0.018 0.090-0.035 0.178-0.035 0.269s0.017 0.177 0.035 0.268c0.010 0.050 0.003 0.105 0.019 0.152 0.006 0.023 0.021 0.032 0.028 0.052 0.010 0.027 0.008 0.061 0.021 0.089 2.91 6.658 9.242 10.428 15.922 10.428s13.011-3.762 15.92-10.422c0.015-0.029 0.012-0.058 0.023-0.090 0.007-0.017 0.020-0.030 0.026-0.050 0.015-0.049 0.011-0.102 0.021-0.154 0.018-0.090 0.034-0.177 0.034-0.27 0-0.088-0.017-0.175-0.035-0.266zM16 25.019c-5.665 0-11.242-2.986-13.982-8.99 2.714-5.983 8.365-9.047 14.044-9.047 5.678 0 11.203 3.067 13.918 9.053-2.713 5.982-8.301 8.984-13.981 8.984z"></path>{" "}
+            </g>
+        </svg>
+    );
+};
+
+export default EyeIcon;

package/src/icons/index.ts

@@ -1,5 +1,7 @@
 export { default as ChevronIcon } from "./chevron";
 export { default as CheckIcon } from "./check";
+export { default as EyeIcon } from "./eye";
+export { default as EyeOffIcon } from "./eye-off";
 export { default as MinusIcon } from "./minus";
 export { default as UserIcon } from "./user";
 export { default as XIcon } from "./x";

package/src/style.css

@@ -251,30 +251,36 @@
 
 /** Scrollbar */
 .refraktor-scrollbar {
+    --refraktor-scrollbar-size: 6px;
+    --refraktor-scrollbar-radius: 99px;
+    --refraktor-scrollbar-track: var(--refraktor-scroll-track);
+    --refraktor-scrollbar-thumb: var(--refraktor-scroll-thumb);
+    --refraktor-scrollbar-thumb-hover: var(--refraktor-scroll-thumb-hover);
     scrollbar-width: thin;
-    scrollbar-color: var(--refraktor-scroll-thumb) transparent;
+    scrollbar-color: var(--refraktor-scrollbar-thumb)
+        var(--refraktor-scrollbar-track);
 }
 
 .refraktor-scrollbar::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
+    width: var(--refraktor-scrollbar-size);
+    height: var(--refraktor-scrollbar-size);
 }
 
 .refraktor-scrollbar::-webkit-scrollbar-track {
-    background: transparent;
+    background: var(--refraktor-scrollbar-track);
 }
 
 .refraktor-scrollbar::-webkit-scrollbar-thumb {
-    background: var(--refraktor-scroll-thumb);
-    border-radius: 99px;
+    background: var(--refraktor-scrollbar-thumb);
+    border-radius: var(--refraktor-scrollbar-radius);
 }
 
 .refraktor-scrollbar::-webkit-scrollbar-thumb:hover {
-    background: var(--refraktor-scroll-thumb-hover);
+    background: var(--refraktor-scrollbar-thumb-hover);
 }
 
 :where(.refraktor-scrollbar)::-webkit-scrollbar-thumb {
-    background: var(--refraktor-scroll-thumb);
+    background: var(--refraktor-scrollbar-thumb);
 }
 
 /** Input */

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.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/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/chip/chip.context.ts","./src/components/chip/chip.styles.ts","./src/components/chip/chip.test.tsx","./src/components/chip/chip.tsx","./src/components/chip/chip.types.ts","./src/components/chip/index.ts","./src/components/chip/chip-group/chip-group.tsx","./src/components/chip/chip-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-body/drawer-body.tsx","./src/components/drawer/drawer-body/index.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/file-input/file-input.test.tsx","./src/components/file-input/file-input.tsx","./src/components/file-input/file-input.types.ts","./src/components/file-input/file-input.utils.test.ts","./src/components/file-input/file-input.utils.ts","./src/components/file-input/index.ts","./src/components/for/for.test.tsx","./src/components/for/for.tsx","./src/components/for/for.types.ts","./src/components/for/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-body/index.ts","./src/components/modal/modal-body/modal-body.tsx","./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/password-input/index.ts","./src/components/password-input/password-input.test.tsx","./src/components/password-input/password-input.tsx","./src/components/password-input/password-input.types.ts","./src/components/pin-input/index.ts","./src/components/pin-input/pin-input.test.tsx","./src/components/pin-input/pin-input.tsx","./src/components/pin-input/pin-input.types.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/scroll-area/index.ts","./src/components/scroll-area/scroll-area.test.tsx","./src/components/scroll-area/scroll-area.tsx","./src/components/scroll-area/scroll-area.types.ts","./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/eye-off.tsx","./src/icons/eye.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"}