@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/Table/index.js

@@ -1,78 +1,91 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { useListContext } from "../List/ListContext.js";
-import { listContainer } from "../List/styles.css.js";
-import { Body } from "./Body.js";
-import { table, tableBordered, tableStripped } from "./styles.css.js";
-import { Cell } from "./Cell.js";
-import { Header } from "./Header.js";
-import { HeaderCell } from "./HeaderCell.js";
-import { TableProvider, useTableContext } from "./TableContext.js";
-import { HeaderRow } from "./HeaderRow.js";
-import { Row } from "./Row.js";
-import { SelectBar } from "./SelectBar.js";
-import { SkeletonRows } from "./SkeletonRows.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_ListContext, useListContext } from "../List/ListContext.js";
+import { init_styles_css, listStyle } from "../List/styles.css.js";
+import { Body, init_Body } from "./Body.js";
+import { init_styles_css as init_styles_css$1, tableStyle } from "./styles.css.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { Header, init_Header } from "./Header.js";
+import { HeaderCell, init_HeaderCell } from "./HeaderCell.js";
+import { TableProvider, init_TableContext, useTableContext } from "./TableContext.js";
+import { HeaderRow, init_HeaderRow } from "./HeaderRow.js";
+import { Row, init_Row } from "./Row.js";
+import { SelectBar, init_SelectBar } from "./SelectBar.js";
+import { SkeletonRows, init_SkeletonRows } from "./SkeletonRows.js";
 import { Children, forwardRef, useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Table/index.tsx
-const TableContainer = ({ children }) => {
-	const [childrenMemory, setChildrenMemory] = useState(Children.toArray(children));
-	const { setRefList } = useListContext();
-	useEffect(() => {
-		if (Children.toArray(children) !== childrenMemory) {
-			setRefList([]);
-			setChildrenMemory(Children.toArray(children));
-		}
-	}, [children, setRefList]);
-	return /* @__PURE__ */ jsx("div", {
-		className: listContainer,
-		children
+var TableContainer, BaseTable, Table;
+var init_Table = __esmMin(() => {
+	init_ListContext();
+	init_styles_css();
+	init_Body();
+	init_Cell();
+	init_Header();
+	init_HeaderCell();
+	init_HeaderRow();
+	init_Row();
+	init_SelectBar();
+	init_SkeletonRows();
+	init_styles_css$1();
+	init_TableContext();
+	TableContainer = ({ children }) => {
+		const [childrenMemory, setChildrenMemory] = useState(Children.toArray(children));
+		const { setRefList } = useListContext();
+		useEffect(() => {
+			if (Children.toArray(children) !== childrenMemory) {
+				setRefList([]);
+				setChildrenMemory(Children.toArray(children));
+			}
+		}, [children, setRefList]);
+		return /* @__PURE__ */ jsx("div", {
+			className: listStyle.container,
+			children
+		});
+	};
+	BaseTable = forwardRef(({ selectable = false, expandable = false, children, columns, loading, bordered = false, stripped = false, autoCollapse = false, onSelectedChange, style }, ref) => /* @__PURE__ */ jsx(TableProvider, {
+		autoCollapse,
+		bordered,
+		columns,
+		expandButton: expandable,
+		onSelectedChange,
+		selectable,
+		stripped,
+		children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", {
+			className: cn(tableStyle.table, stripped ? tableStyle.stripped : "", bordered ? tableStyle.bordered : ""),
+			ref,
+			style,
+			children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(HeaderRow, {
+				hasSelectAllColumn: selectable,
+				children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
+					align: column.align,
+					info: column.info,
+					isOrdered: column.isOrdered,
+					maxWidth: column.maxWidth,
+					minWidth: column.minWidth,
+					onOrder: column.onOrder,
+					orderDirection: column.orderDirection,
+					width: column.width,
+					children: column.label
+				}, `header-column-${index}`))
+			}) }), loading ? /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(SkeletonRows, {
+				cols: columns.length,
+				rows: 5,
+				selectable
+			}) }) : children]
+		}) })
+	}));
+	Table = Object.assign(BaseTable, {
+		Body,
+		Cell,
+		Row,
+		SelectBar,
+		useTableContext
 	});
-};
-const BaseTable = forwardRef(({ selectable = false, expandable = false, children, columns, loading, bordered = false, stripped = false, autoCollapse = false, onSelectedChange, style }, ref) => /* @__PURE__ */ jsx(TableProvider, {
-	autoCollapse,
-	bordered,
-	columns,
-	expandButton: expandable,
-	onSelectedChange,
-	selectable,
-	stripped,
-	children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", {
-		className: cn(table, stripped ? tableStripped : "", bordered ? tableBordered : ""),
-		ref,
-		style,
-		children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(HeaderRow, {
-			hasSelectAllColumn: selectable,
-			children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
-				align: column.align,
-				info: column.info,
-				isOrdered: column.isOrdered,
-				maxWidth: column.maxWidth,
-				minWidth: column.minWidth,
-				onOrder: column.onOrder,
-				orderDirection: column.orderDirection,
-				width: column.width,
-				children: column.label
-			}, `header-column-${index}`))
-		}) }), loading ? /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(SkeletonRows, {
-			cols: columns.length,
-			rows: 5,
-			selectable
-		}) }) : children]
-	}) })
-}));
-/**
-* Table is a component that displays data in a tabular format.
-*/
-const Table = Object.assign(BaseTable, {
-	Body,
-	Cell,
-	Row,
-	SelectBar,
-	useTableContext
 });
 
 //#endregion
-export { Table };
+init_Table();
+export { Table, init_Table };

package/dist/components/Table/styles.css.d.ts

@@ -1,70 +1,72 @@
-export declare const table: string;
-export declare const tableStripped: string;
-export declare const tableBordered: string;
-export declare const tableCell: import("@vanilla-extract/recipes").RuntimeFn<{
-    align: {
-        center: {
-            textAlign: "center";
-        };
-        left: {
-            textAlign: "left";
-        };
-        right: {
-            textAlign: "right";
-        };
-    };
-    sentiment: {
-        danger: {
-            backgroundColor: `var(--${string})`;
-        };
-        info: {
-            backgroundColor: `var(--${string})`;
-        };
-        neutral: {
-            backgroundColor: `var(--${string})`;
-        };
-        primary: {
-            backgroundColor: `var(--${string})`;
-        };
-        secondary: {
-            backgroundColor: `var(--${string})`;
-        };
-        success: {
-            backgroundColor: `var(--${string})`;
-        };
-        warning: {
-            backgroundColor: `var(--${string})`;
-        };
-    };
-}>;
-export declare const tableHeader: string;
-export declare const tableHeaderCell: import("@vanilla-extract/recipes").RuntimeFn<{
-    align: {
-        center: {
-            textAlign: "center";
+export declare const tableStyle: {
+    stripped: string;
+    table: string;
+    bordered: string;
+    cell: import("@vanilla-extract/recipes").RuntimeFn<{
+        align: {
+            center: {
+                textAlign: "center";
+            };
+            left: {
+                textAlign: "left";
+            };
+            right: {
+                textAlign: "right";
+            };
         };
-        left: {
-            textAlign: "left";
+        sentiment: {
+            danger: {
+                backgroundColor: `var(--${string})`;
+            };
+            info: {
+                backgroundColor: `var(--${string})`;
+            };
+            neutral: {
+                backgroundColor: `var(--${string})`;
+            };
+            primary: {
+                backgroundColor: `var(--${string})`;
+            };
+            secondary: {
+                backgroundColor: `var(--${string})`;
+            };
+            success: {
+                backgroundColor: `var(--${string})`;
+            };
+            warning: {
+                backgroundColor: `var(--${string})`;
+            };
         };
-        right: {
-            textAlign: "right";
+    }>;
+    header: string;
+    headerCell: import("@vanilla-extract/recipes").RuntimeFn<{
+        align: {
+            center: {
+                textAlign: "center";
+            };
+            left: {
+                textAlign: "left";
+            };
+            right: {
+                textAlign: "right";
+            };
         };
-    };
-    checked: {
-        true: {
-            selectors: {
-                '&:first-of-type': {
-                    paddingLeft: `var(--${string})`;
+        checked: {
+            true: {
+                selectors: {
+                    '&:first-of-type': {
+                        paddingLeft: `var(--${string})`;
+                    };
                 };
             };
         };
-    };
-}>;
-export declare const headerCellText: string;
-export declare const tableExpandableWrapper: string;
-export declare const tableCheckboxContainer: string;
-export declare const tableTrAnimation: string;
-export declare const tableSkeletonRow: string;
-export declare const tableSkeleton: string;
-export declare const tableRow: string;
+    }>;
+    headerCellText: string;
+    expandableWrapper: string;
+    checkboxContainer: string;
+    trAnimation: string;
+    skeletonRow: string;
+    skeleton: string;
+    row: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Table/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,KAAK,QAIhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AACtC,eAAO,MAAM,aAAa,QAAY,CAAA;AAEtC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAEtB,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;EA+B1B,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QASjC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAAgC,CAAA;AAC7D,eAAO,MAAM,aAAa,QAA4C,CAAA;AACtE,eAAO,MAAM,QAAQ,QASnB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AA0IA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CActB,CAAA"}

package/dist/components/Table/styles.css.js

@@ -1,53 +1,62 @@
-/* empty css                         */
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Table/styles.css.ts
-var table = "uv_1cpcscz1";
-var tableStripped = "uv_1cpcscz2";
-var tableBordered = "uv_1cpcscz3";
-var tableCell = createRuntimeFn({
-	defaultClassName: "uv_1cpcscz4",
-	variantClassNames: {
-		align: {
-			center: "uv_1cpcscz5",
-			left: "uv_1cpcscz6",
-			right: "uv_1cpcscz7"
-		},
-		sentiment: {
-			danger: "uv_1cpcscz8",
-			info: "uv_1cpcscz9",
-			neutral: "uv_1cpcscza",
-			primary: "uv_1cpcsczb",
-			secondary: "uv_1cpcsczc",
-			success: "uv_1cpcsczd",
-			warning: "uv_1cpcscze"
-		}
-	},
-	defaultVariants: {},
-	compoundVariants: []
+var tableStyle;
+var init_styles_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
+	init_styles_css_ts_vanilla();
+	tableStyle = {
+		stripped: "uv_1cpcscz2",
+		table: "uv_1cpcscz1",
+		bordered: "uv_1cpcscz3",
+		cell: createRuntimeFn({
+			defaultClassName: "uv_1cpcscz4",
+			variantClassNames: {
+				align: {
+					center: "uv_1cpcscz5",
+					left: "uv_1cpcscz6",
+					right: "uv_1cpcscz7"
+				},
+				sentiment: {
+					danger: "uv_1cpcscz8",
+					info: "uv_1cpcscz9",
+					neutral: "uv_1cpcscza",
+					primary: "uv_1cpcsczb",
+					secondary: "uv_1cpcsczc",
+					success: "uv_1cpcsczd",
+					warning: "uv_1cpcscze"
+				}
+			},
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		header: "uv_1cpcsczf",
+		headerCell: createRuntimeFn({
+			defaultClassName: "uv_1cpcsczg",
+			variantClassNames: {
+				align: {
+					center: "uv_1cpcsczh",
+					left: "uv_1cpcsczi",
+					right: "uv_1cpcsczj"
+				},
+				checked: { true: "uv_1cpcsczk" }
+			},
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		headerCellText: "uv_1cpcsczl",
+		expandableWrapper: "uv_1cpcsczm",
+		checkboxContainer: "uv_1cpcsczn",
+		trAnimation: "uv_1cpcsczo",
+		skeletonRow: "uv_1cpcsczp",
+		skeleton: "uv_1cpcsczq",
+		row: "uv_1cpcsczr"
+	};
 });
-var tableHeader = "uv_1cpcsczf";
-var tableHeaderCell = createRuntimeFn({
-	defaultClassName: "uv_1cpcsczg",
-	variantClassNames: {
-		align: {
-			center: "uv_1cpcsczh",
-			left: "uv_1cpcsczi",
-			right: "uv_1cpcsczj"
-		},
-		checked: { true: "uv_1cpcsczk" }
-	},
-	defaultVariants: {},
-	compoundVariants: []
-});
-var headerCellText = "uv_1cpcsczl";
-var tableExpandableWrapper = "uv_1cpcsczm";
-var tableCheckboxContainer = "uv_1cpcsczn";
-var tableTrAnimation = "uv_1cpcsczo";
-var tableSkeletonRow = "uv_1cpcsczp";
-var tableSkeleton = "uv_1cpcsczq";
-var tableRow = "uv_1cpcsczr";
 
 //#endregion
-export { headerCellText, table, tableBordered, tableCell, tableCheckboxContainer, tableExpandableWrapper, tableHeader, tableHeaderCell, tableRow, tableSkeleton, tableSkeletonRow, tableStripped, tableTrAnimation };
+init_styles_css();
+export { init_styles_css, tableStyle };

package/dist/components/Table/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Table/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Table/variables.css.js

@@ -1,10 +1,16 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/Table/variables.css.ts
-var headerCellWidth = "var(--uv_z5q4ow0)";
-var headerCellMinWidth = "var(--uv_z5q4ow1)";
-var headerCellMaxWidth = "var(--uv_z5q4ow2)";
-var widthCell = "var(--uv_z5q4ow3)";
-var maxWidthCell = "var(--uv_z5q4ow4)";
-var minWidthCell = "var(--uv_z5q4ow5)";
+var headerCellWidth, headerCellMinWidth, headerCellMaxWidth, widthCell, maxWidthCell, minWidthCell;
+var init_variables_css = __esmMin(() => {
+	headerCellWidth = "var(--uv_z5q4ow0)";
+	headerCellMinWidth = "var(--uv_z5q4ow1)";
+	headerCellMaxWidth = "var(--uv_z5q4ow2)";
+	widthCell = "var(--uv_z5q4ow3)";
+	maxWidthCell = "var(--uv_z5q4ow4)";
+	minWidthCell = "var(--uv_z5q4ow5)";
+});
 
 //#endregion
-export { headerCellMaxWidth, headerCellMinWidth, headerCellWidth, maxWidthCell, minWidthCell, widthCell };
+init_variables_css();
+export { headerCellMaxWidth, headerCellMinWidth, headerCellWidth, init_variables_css, maxWidthCell, minWidthCell, widthCell };

package/dist/components/Table/variables.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Table/variables.css.ts.vanilla.css
+var init_variables_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_variables_css_ts_vanilla();
+export { init_variables_css_ts_vanilla };

package/dist/components/Tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,WAAW,EAEX,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAcd,KAAK,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI;IAChD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CACN,cAAc,CAAC,CAAC,CAAC,EACf,IAAI,GACJ,OAAO,GACP,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,OAAO,GACP,SAAS,GACT,MAAM,CACT,CAAA;AAED,eAAO,MAAM,GAAG,4HAyFf,CAAA"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,WAAW,EAEX,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AASd,KAAK,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI;IAChD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CACN,cAAc,CAAC,CAAC,CAAC,EACf,IAAI,GACJ,OAAO,GACP,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,OAAO,GACP,SAAS,GACT,MAAM,CACT,CAAA;AAED,eAAO,MAAM,GAAG,4HAyFf,CAAA"}

package/dist/components/Tabs/Tab.js

@@ -1,92 +1,104 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
-import { Stack } from "../Stack/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { Text } from "../Text/index.js";
-import { Badge } from "../Badge/index.js";
-import { tabsBadge, tabsBadgeContainer, tabsButton, tabsTextSelected } from "./styles.css.js";
-import { useTabsContext } from "./TabsContext.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Badge, init_Badge } from "../Badge/index.js";
+import { init_styles_css, tabsStyle } from "./styles.css.js";
+import { init_TabsContext, useTabsContext } from "./TabsContext.js";
 import { forwardRef, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Tabs/Tab.tsx
-const _excluded = [
-	"as",
-	"badge",
-	"children",
-	"className",
-	"counter",
-	"disabled",
-	"onClick",
-	"onKeyDown",
-	"subtitle",
-	"tooltip",
-	"value"
-];
-const Tab = forwardRef((_ref, ref) => {
-	let { as, badge, children, className, counter, disabled = false, onClick, onKeyDown, subtitle, tooltip, value } = _ref;
-	let props = _objectWithoutProperties(_ref, _excluded);
-	const { selected, onChange } = useTabsContext();
-	const computedAs = as !== null && as !== void 0 ? as : "button";
-	const ComputedComponent = as !== null && as !== void 0 ? as : "button";
-	const isSelected = useMemo(() => value !== void 0 && selected === value, [value, selected]);
-	return /* @__PURE__ */ jsx(Tooltip, {
-		text: tooltip,
-		children: /* @__PURE__ */ jsx(ComputedComponent, _objectSpread2(_objectSpread2({
-			"aria-disabled": disabled,
-			"aria-label": value ? `${value}` : void 0,
-			"aria-selected": isSelected,
-			className: cn(className, tabsButton),
-			"data-is-selected": isSelected,
-			disabled: computedAs === "button" ? disabled : void 0,
-			onClick: (event) => {
-				if (value !== void 0) onChange(value);
-				onClick === null || onClick === void 0 || onClick(event);
-			},
-			onKeyDown: (event) => {
-				onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
-				if (!(event.defaultPrevented || disabled) && value) onChange(value);
-			},
-			ref,
-			role: "tab",
-			type: computedAs === "button" ? "button" : void 0
-		}, props), {}, { children: /* @__PURE__ */ jsxs(Stack, {
-			direction: "column",
-			gap: .5,
-			children: [/* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				children: [
-					children,
-					typeof counter === "number" || typeof counter === "string" ? /* @__PURE__ */ jsx(Badge, {
-						className: tabsBadge,
-						prominence: isSelected ? "strong" : "default",
-						sentiment: isSelected ? "primary" : "neutral",
-						size: "medium",
-						children: counter
-					}) : null,
-					badge ? /* @__PURE__ */ jsx("span", {
-						className: tabsBadgeContainer,
-						children: badge
-					}) : null
-				]
-			}), subtitle ? /* @__PURE__ */ jsx(Stack, {
-				direction: "row",
-				children: /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					className: tabsTextSelected[isSelected ? "selected" : "default"],
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "bodySmall",
-					children: subtitle
-				})
-			}) : null]
-		}) }))
+var _excluded, Tab;
+var init_Tab = __esmMin(() => {
+	init_Badge();
+	init_Stack();
+	init_Text();
+	init_Tooltip();
+	init_styles_css();
+	init_TabsContext();
+	init_objectWithoutProperties();
+	init_objectSpread2();
+	_excluded = [
+		"as",
+		"badge",
+		"children",
+		"className",
+		"counter",
+		"disabled",
+		"onClick",
+		"onKeyDown",
+		"subtitle",
+		"tooltip",
+		"value"
+	];
+	Tab = forwardRef((_ref, ref) => {
+		let { as, badge, children, className, counter, disabled = false, onClick, onKeyDown, subtitle, tooltip, value } = _ref;
+		let props = _objectWithoutProperties(_ref, _excluded);
+		const { selected, onChange } = useTabsContext();
+		const computedAs = as !== null && as !== void 0 ? as : "button";
+		const ComputedComponent = as !== null && as !== void 0 ? as : "button";
+		const isSelected = useMemo(() => value !== void 0 && selected === value, [value, selected]);
+		return /* @__PURE__ */ jsx(Tooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx(ComputedComponent, _objectSpread2(_objectSpread2({
+				"aria-disabled": disabled,
+				"aria-label": value ? `${value}` : void 0,
+				"aria-selected": isSelected,
+				className: cn(className, tabsStyle.button),
+				"data-is-selected": isSelected,
+				disabled: computedAs === "button" ? disabled : void 0,
+				onClick: (event) => {
+					if (value !== void 0) onChange(value);
+					onClick === null || onClick === void 0 || onClick(event);
+				},
+				onKeyDown: (event) => {
+					onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+					if (!(event.defaultPrevented || disabled) && value) onChange(value);
+				},
+				ref,
+				role: "tab",
+				type: computedAs === "button" ? "button" : void 0
+			}, props), {}, { children: /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: .5,
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					children: [
+						children,
+						typeof counter === "number" || typeof counter === "string" ? /* @__PURE__ */ jsx(Badge, {
+							className: tabsStyle.badge,
+							prominence: isSelected ? "strong" : "default",
+							sentiment: isSelected ? "primary" : "neutral",
+							size: "medium",
+							children: counter
+						}) : null,
+						badge ? /* @__PURE__ */ jsx("span", {
+							className: tabsStyle.badgeContainer,
+							children: badge
+						}) : null
+					]
+				}), subtitle ? /* @__PURE__ */ jsx(Stack, {
+					direction: "row",
+					children: /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: tabsStyle.textSelected[isSelected ? "selected" : "default"],
+						prominence: "weak",
+						sentiment: "neutral",
+						variant: "bodySmall",
+						children: subtitle
+					})
+				}) : null]
+			}) }))
+		});
 	});
 });
 
 //#endregion
-export { Tab };
+init_Tab();
+export { Tab, init_Tab };