@moduix/react 2.1.0 → 2.2.4

package/dist/components/table/Table.js

@@ -1,174 +1,172 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Table_module_default from "./Table.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/table/Table.tsx
-const TableRoot = forwardRef(function TableRoot({ asChild, className, interactive = false, showColumnBorder = false, size = "md", stickyHeader = false, striped = false, variant = "line", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.table, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "root",
-		"data-slot": "table-root",
-		"data-interactive": interactive || void 0,
-		"data-show-column-border": showColumnBorder || void 0,
-		"data-size": size,
-		"data-sticky-header": stickyHeader || void 0,
-		"data-striped": striped || void 0,
-		"data-variant": variant,
-		className: clsx(Table_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Table_module from "./Table.module.js";
+const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, interactive = false, showColumnBorder = false, size = 'md', stickyHeader = false, striped = false, variant = 'line', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.table, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "root",
+        "data-slot": "table-root",
+        "data-interactive": interactive || void 0,
+        "data-show-column-border": showColumnBorder || void 0,
+        "data-size": size,
+        "data-sticky-header": stickyHeader || void 0,
+        "data-striped": striped || void 0,
+        "data-variant": variant,
+        className: clsx(Table_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableScrollArea = forwardRef(function TableScrollArea({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "scroll-area",
-		"data-slot": "table-scroll-area",
-		className: clsx(Table_module_default.scrollArea, normalizeClassName(className)),
-		...props
-	});
+const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "scroll-area",
+        "data-slot": "table-scroll-area",
+        className: clsx(Table_module.scrollArea, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableCaption = forwardRef(function TableCaption({ asChild, className, side = "bottom", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.caption, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "caption",
-		"data-side": side,
-		"data-slot": "table-caption",
-		className: clsx(Table_module_default.caption, normalizeClassName(className)),
-		...props
-	});
+const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, className, side = 'bottom', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.caption, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "caption",
+        "data-side": side,
+        "data-slot": "table-caption",
+        className: clsx(Table_module.caption, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableColumnGroup = forwardRef(function TableColumnGroup({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.colgroup, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "column-group",
-		"data-slot": "table-column-group",
-		className: normalizeClassName(className),
-		...props
-	});
+const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.colgroup, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column-group",
+        "data-slot": "table-column-group",
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const TableColumn = forwardRef(function TableColumn({ asChild, className, htmlWidth, width, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.col, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "column",
-		"data-slot": "table-column",
-		width: htmlWidth ?? width,
-		className: normalizeClassName(className),
-		...props
-	});
+const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className, htmlWidth, width, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.col, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column",
+        "data-slot": "table-column",
+        width: htmlWidth ?? width,
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const TableHeader = forwardRef(function TableHeader({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.thead, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "header",
-		"data-slot": "table-header",
-		className: clsx(Table_module_default.header, normalizeClassName(className)),
-		...props
-	});
+const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.thead, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "header",
+        "data-slot": "table-header",
+        className: clsx(Table_module.header, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableBody = forwardRef(function TableBody({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tbody, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "body",
-		"data-slot": "table-body",
-		className: clsx(Table_module_default.body, normalizeClassName(className)),
-		...props
-	});
+const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tbody, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "body",
+        "data-slot": "table-body",
+        className: clsx(Table_module.body, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableFooter = forwardRef(function TableFooter({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tfoot, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "footer",
-		"data-slot": "table-footer",
-		className: clsx(Table_module_default.footer, normalizeClassName(className)),
-		...props
-	});
+const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tfoot, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "footer",
+        "data-slot": "table-footer",
+        className: clsx(Table_module.footer, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableRow = forwardRef(function TableRow({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tr, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "row",
-		"data-slot": "table-row",
-		className: clsx(Table_module_default.row, normalizeClassName(className)),
-		...props
-	});
+const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tr, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "row",
+        "data-slot": "table-row",
+        className: clsx(Table_module.row, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableColumnHeader = forwardRef(function TableColumnHeader({ asChild, className, numeric = false, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.th, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "column-header",
-		"data-numeric": numeric || void 0,
-		"data-slot": "table-column-header",
-		className: clsx(Table_module_default.columnHeader, numeric && Table_module_default.numeric, normalizeClassName(className)),
-		...props
-	});
+const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.th, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column-header",
+        "data-numeric": numeric || void 0,
+        "data-slot": "table-column-header",
+        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableCell = forwardRef(function TableCell({ asChild, className, numeric = false, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.td, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "cell",
-		"data-numeric": numeric || void 0,
-		"data-slot": "table-cell",
-		className: clsx(Table_module_default.cell, numeric && Table_module_default.numeric, normalizeClassName(className)),
-		...props
-	});
+const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.td, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "cell",
+        "data-numeric": numeric || void 0,
+        "data-slot": "table-cell",
+        className: clsx(Table_module.cell, numeric && Table_module.numeric, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableEmpty = forwardRef(function TableEmpty({ asChild, children = "No results.", className, colSpan, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tr, {
-		"data-scope": "table",
-		"data-part": "row",
-		"data-empty": true,
-		"data-slot": "table-row",
-		className: Table_module_default.row,
-		children: /* @__PURE__ */ jsx(ark.td, {
-			ref,
-			asChild,
-			"data-scope": "table",
-			"data-part": "empty",
-			"data-slot": "table-empty",
-			colSpan,
-			className: clsx(Table_module_default.cell, Table_module_default.empty, normalizeClassName(className)),
-			...props,
-			children
-		})
-	});
+const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children = 'No results.', className, colSpan, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tr, {
+        "data-scope": "table",
+        "data-part": "row",
+        "data-empty": true,
+        "data-slot": "table-row",
+        className: Table_module.row,
+        children: /*#__PURE__*/ jsx(ark.td, {
+            ref: ref,
+            asChild: asChild,
+            "data-scope": "table",
+            "data-part": "empty",
+            "data-slot": "table-empty",
+            colSpan: colSpan,
+            className: clsx(Table_module.cell, Table_module.empty, normalizeClassName(className)),
+            ...props,
+            children: children
+        })
+    });
 });
-const Table = Object.assign(TableRoot, {
-	Root: TableRoot,
-	ScrollArea: TableScrollArea,
-	Caption: TableCaption,
-	ColumnGroup: TableColumnGroup,
-	Column: TableColumn,
-	Header: TableHeader,
-	Body: TableBody,
-	Footer: TableFooter,
-	Row: TableRow,
-	ColumnHeader: TableColumnHeader,
-	Cell: TableCell,
-	Empty: TableEmpty
+const Table = Object.assign(Table_TableRoot, {
+    Root: Table_TableRoot,
+    ScrollArea: Table_TableScrollArea,
+    Caption: Table_TableCaption,
+    ColumnGroup: Table_TableColumnGroup,
+    Column: Table_TableColumn,
+    Header: Table_TableHeader,
+    Body: Table_TableBody,
+    Footer: Table_TableFooter,
+    Row: Table_TableRow,
+    ColumnHeader: Table_TableColumnHeader,
+    Cell: Table_TableCell,
+    Empty: Table_TableEmpty
 });
-//#endregion
 export { Table };

package/dist/components/table/Table.module.js

@@ -1,17 +1,15 @@
-import './Table.css';
-//#region src/components/table/Table.module.css
-var Table_module_default = {
-	"body": "-X2Dga_body",
-	"caption": "-X2Dga_caption",
-	"cell": "-X2Dga_cell",
-	"columnHeader": "-X2Dga_columnHeader",
-	"empty": "-X2Dga_empty",
-	"footer": "-X2Dga_footer",
-	"header": "-X2Dga_header",
-	"numeric": "-X2Dga_numeric",
-	"root": "-X2Dga_root",
-	"row": "-X2Dga_row",
-	"scrollArea": "-X2Dga_scrollArea"
+import "./Table_module.css";
+const Table_module = {
+    scrollArea: "scrollArea-kAB0bv",
+    root: "root-iUez_7",
+    caption: "caption-T3KfUJ",
+    row: "row-vTGkhP",
+    header: "header-daWIeJ",
+    body: "body-JqLHru",
+    columnHeader: "columnHeader-MBpfL1",
+    cell: "cell-uGo0rz",
+    footer: "footer-wH43ty",
+    numeric: "numeric-Epyrfq",
+    empty: "empty-dLhlhx"
 };
-//#endregion
-export { Table_module_default as default };
+export default Table_module;

package/dist/components/table/Table_module.css

@@ -0,0 +1,165 @@
+@layer moduix.components {
+  .scrollArea-kAB0bv {
+    box-sizing: border-box;
+    isolation: isolate;
+    border: var(--moduix-table-scroll-area-border-width, var(--moduix-table-border-width, var(--moduix-border-width-sm)))
+      solid
+      var(--moduix-table-scroll-area-border-color, var(--moduix-table-border-color, var(--moduix-color-border)));
+    border-radius: var(--moduix-table-scroll-area-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-table-scroll-area-bg, var(--moduix-color-card));
+    width: 100%;
+    min-width: 0;
+    box-shadow: var(--moduix-table-scroll-area-shadow, none);
+    position: relative;
+    overflow-x: auto;
+  }
+
+  .root-iUez_7 {
+    --moduix-table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-4));
+    --moduix-table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-3));
+    --moduix-table-empty-padding-y-default: calc(var(--moduix-table-cell-padding-y-default) * 2);
+    box-sizing: border-box;
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+    color: var(--moduix-table-color, var(--moduix-color-foreground));
+    font-family: var(--moduix-table-font-family, inherit);
+    font-size: var(--moduix-table-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-table-line-height, var(--moduix-line-height-text-sm));
+    text-align: left;
+    isolation: isolate;
+  }
+
+  .root-iUez_7[data-size="sm"] {
+    --moduix-table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-3));
+    --moduix-table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-2));
+    font-size: var(--moduix-table-font-size-sm, var(--moduix-text-xs));
+    line-height: var(--moduix-table-line-height-sm, var(--moduix-line-height-text-xs));
+  }
+
+  .root-iUez_7[data-size="lg"] {
+    --moduix-table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-5));
+    --moduix-table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-4));
+    font-size: var(--moduix-table-font-size-lg, var(--moduix-text-md));
+    line-height: var(--moduix-table-line-height-lg, var(--moduix-line-height-text-md));
+  }
+
+  .root-iUez_7[data-variant="outline"] {
+    border: var(--moduix-table-border-width, var(--moduix-border-width-sm)) solid
+        var(--moduix-table-border-color, var(--moduix-color-border));
+  }
+
+  .caption-T3KfUJ {
+    box-sizing: border-box;
+    color: var(--moduix-table-caption-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-table-caption-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-table-caption-line-height, var(--moduix-line-height-text-sm));
+    padding-inline: var(--moduix-table-caption-padding-x, var(--moduix-table-cell-padding-x-default));
+    text-align: left;
+    text-wrap: pretty;
+  }
+
+  .caption-T3KfUJ[data-side="top"] {
+    caption-side: top;
+    padding-block: var(--moduix-table-caption-padding-edge, var(--moduix-spacing-2))
+        var(--moduix-table-caption-padding-y, var(--moduix-spacing-3));
+  }
+
+  .caption-T3KfUJ[data-side="bottom"] {
+    caption-side: bottom;
+    padding-block: var(--moduix-table-caption-padding-y, var(--moduix-spacing-3))
+        var(--moduix-table-caption-padding-edge, var(--moduix-spacing-2));
+  }
+
+  .row-vTGkhP {
+    transition: var(--moduix-table-row-transition, background-color var(--moduix-transition-default));
+  }
+
+  .header-daWIeJ .row-vTGkhP, .body-JqLHru .row-vTGkhP {
+    border-bottom: var(--moduix-table-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-table-border-color, var(--moduix-color-border));
+  }
+
+  .root-iUez_7[data-striped] .body-JqLHru .row-vTGkhP:nth-child(2n):not([data-empty]) {
+    background-color: var(--moduix-table-row-bg-striped, color-mix(in oklab, var(--moduix-color-muted) 35%, transparent));
+  }
+
+  .root-iUez_7[data-interactive] .body-JqLHru .row-vTGkhP:not([data-empty]):hover {
+    background-color: var(--moduix-table-row-bg-hover, var(--moduix-color-muted));
+  }
+
+  .root-iUez_7[data-show-column-border] :is(.columnHeader-MBpfL1, .cell-uGo0rz):not(:last-child) {
+    border-inline-end: var(--moduix-table-column-border-width, var(--moduix-table-border-width, var(--moduix-border-width-sm)))
+      solid
+      var(--moduix-table-column-border-color, var(--moduix-table-border-color, var(--moduix-color-border)));
+  }
+
+  .root-iUez_7[data-sticky-header] .header-daWIeJ {
+    z-index: var(--moduix-table-sticky-header-z-index, 3);
+    background-color: var(--moduix-table-sticky-header-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
+    position: sticky;
+    inset-block-start: 0;
+  }
+
+  .body-JqLHru .row-vTGkhP:last-child {
+    border-bottom: 0;
+  }
+
+  .footer-wH43ty {
+    border-top: var(--moduix-table-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-table-border-color, var(--moduix-color-border));
+    background-color: var(--moduix-table-footer-bg, var(--moduix-color-muted));
+    color: var(--moduix-table-footer-color, var(--moduix-table-color, var(--moduix-color-foreground)));
+    font-weight: var(--moduix-table-footer-font-weight, var(--moduix-weight-medium));
+  }
+
+  .columnHeader-MBpfL1, .cell-uGo0rz {
+    z-index: 0;
+    padding-block: var(--moduix-table-cell-padding-y-default);
+    padding-inline: var(--moduix-table-cell-padding-x-default);
+    vertical-align: middle;
+    position: relative;
+  }
+
+  :is(.columnHeader-MBpfL1, .cell-uGo0rz)[data-sticky="start"] {
+    z-index: var(--moduix-table-sticky-column-z-index, 2);
+    background-color: var(--moduix-table-sticky-column-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
+    position: sticky;
+    inset-inline-start: 0;
+  }
+
+  :is(.columnHeader-MBpfL1, .cell-uGo0rz)[data-sticky="end"] {
+    z-index: var(--moduix-table-sticky-column-z-index, 2);
+    background-color: var(--moduix-table-sticky-column-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
+    position: sticky;
+    inset-inline-end: 0;
+  }
+
+  .root-iUez_7[data-sticky-header] .header-daWIeJ .columnHeader-MBpfL1[data-sticky] {
+    z-index: var(--moduix-table-sticky-intersection-z-index, 4);
+  }
+
+  .columnHeader-MBpfL1 {
+    color: var(--moduix-table-column-header-color, var(--moduix-color-muted-foreground));
+    font-weight: var(--moduix-table-column-header-font-weight, var(--moduix-weight-medium));
+    text-align: inherit;
+    white-space: nowrap;
+  }
+
+  .cell-uGo0rz {
+    color: inherit;
+  }
+
+  .numeric-Epyrfq {
+    text-align: end;
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .empty-dLhlhx {
+    padding-block: var(--moduix-table-empty-padding-y, var(--moduix-table-empty-padding-y-default));
+    color: var(--moduix-table-empty-color, var(--moduix-color-muted-foreground));
+    text-align: center;
+  }
+}
+

package/dist/components/table/index.d.ts

@@ -0,0 +1 @@
+export { Table } from './Table.js';

package/dist/components/table/index.js

@@ -0,0 +1 @@
+export { Table } from "./Table.js";

package/dist/components/tabs/Tabs.d.ts

@@ -1,21 +1,19 @@
-import { Tabs, useTabs } from "@ark-ui/react/tabs";
-
-//#region src/components/tabs/Tabs.d.ts
+import { Tabs as TabsPrimitive, useTabs, useTabsContext } from '@ark-ui/react/tabs';
 type TabsVariant = 'default' | 'line';
-declare const Tabs$1: import("react").ForwardRefExoticComponent<Omit<Tabs.RootProps & import("react").RefAttributes<HTMLDivElement> & {
-  variant?: TabsVariant;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Tabs.RootProps & import("react").RefAttributes<HTMLDivElement> & {
-    variant?: TabsVariant;
-  }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Tabs.RootProviderProps & import("react").RefAttributes<HTMLDivElement> & {
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & {
     variant?: TabsVariant;
-  }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  List: import("react").ForwardRefExoticComponent<Omit<Tabs.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<Tabs.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Tabs.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<Tabs.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  useTabs: (props?: import("@ark-ui/react/tabs").UseTabsProps) => import("@ark-ui/react/tabs").UseTabsReturn;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & {
+        variant?: TabsVariant;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement> & {
+        variant?: TabsVariant;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: TabsPrimitive.ContextProps) => import("react").ReactNode;
+    List: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    useTabs: (props?: import("@ark-ui/react/tabs").UseTabsProps) => import("@ark-ui/react/tabs").UseTabsReturn;
 };
-//#endregion
-export { Tabs$1 as Tabs, useTabs };
+export { Tabs, useTabs, useTabsContext };