@ultraviolet/ui 3.12.2 → 3.13.0

package/dist/components/StepList/Item.js

@@ -0,0 +1,32 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Bullet, init_Bullet } from "../Bullet/index.js";
+import { init_styles_css, stepListStyle } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/StepList/Item.tsx
+var Item;
+var init_Item = __esmMin(() => {
+	init_Bullet();
+	init_styles_css();
+	Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {
+		className: cn(className, stepListStyle.step({ disabled })),
+		onClick,
+		onKeyDown,
+		children: [bulletContent ? /* @__PURE__ */ jsx(Bullet, {
+			disabled,
+			prominence,
+			sentiment,
+			size,
+			children: bulletContent
+		}) : null, /* @__PURE__ */ jsx("div", {
+			className: stepListStyle.stepDiv({ size }),
+			children
+		})]
+	});
+});
+
+//#endregion
+init_Item();
+export { Item, init_Item };

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

@@ -1,17 +1,4 @@
-import { Bullet } from '../Bullet';
-import type { ComponentProps, CSSProperties, ReactNode } from 'react';
-export type Sizes = 'small' | 'medium';
-type ItemProps = {
-    sentiment?: ComponentProps<typeof Bullet>['sentiment'];
-    prominence?: ComponentProps<typeof Bullet>['prominence'];
-    size?: Sizes;
-    disabled?: boolean;
-    children: ReactNode;
-    onClick?: () => void;
-    onKeyDown?: () => void;
-    className?: string;
-    bulletContent?: ReactNode;
-};
+import type { CSSProperties, ReactNode } from 'react';
 type StepListProps = {
     children: ReactNode;
     className?: string;
@@ -20,6 +7,16 @@ type StepListProps = {
 };
 export declare function StepList({ children, className, style, 'data-testid': dataTestId }: StepListProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StepList {
-    var Item: ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size, disabled, className, }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size, disabled, className, }: {
+        sentiment?: "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        prominence?: "default" | "strong" | undefined;
+        size?: import("./Item").Sizes | undefined;
+        disabled?: boolean | undefined;
+        children: ReactNode;
+        onClick?: (() => void) | undefined;
+        onKeyDown?: (() => void) | undefined;
+        className?: string | undefined;
+        bulletContent?: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/components/StepList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAIlC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,YAAY,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;AAgCD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;iCAMwB,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,EAAE,aAAa"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;iCAMwB,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,EAAE,aAAa"}

package/dist/components/StepList/index.js

@@ -1,30 +1,15 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { Bullet, init_Bullet } from "../Bullet/index.js";
 import { init_styles_css, stepListStyle } from "./styles.css.js";
+import { Item, init_Item } from "./Item.js";
 import { cn } from "@ultraviolet/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/StepList/index.tsx
-var Item, StepList;
+var StepList;
 var init_StepList = __esmMin(() => {
-	init_Bullet();
+	init_Item();
 	init_styles_css();
-	Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {
-		className: cn(className, stepListStyle.step({ disabled })),
-		onClick,
-		onKeyDown,
-		children: [bulletContent ? /* @__PURE__ */ jsx(Bullet, {
-			disabled,
-			prominence,
-			sentiment,
-			size,
-			children: bulletContent
-		}) : null, /* @__PURE__ */ jsx("div", {
-			className: stepListStyle.stepDiv({ size }),
-			children
-		})]
-	});
 	StepList = ({ children, className, style, "data-testid": dataTestId }) => /* @__PURE__ */ jsx("ul", {
 		className: cn(className, stepListStyle.steps),
 		"data-testid": dataTestId,

package/dist/components/Stepper/Bullet.d.ts

@@ -0,0 +1,7 @@
+export declare const StepBullet: ({ isDone, disabled, isActive, index, }: {
+    isDone: boolean;
+    disabled: boolean;
+    isActive: boolean;
+    index: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Bullet.d.ts.map

package/dist/components/Stepper/Bullet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Bullet.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;;;;6CAwCtB,CAAA"}

package/dist/components/Stepper/Bullet.js

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Bullet, init_Bullet as init_Bullet$1 } from "../Bullet/index.js";
+import { init_StepperProvider, useStepper } from "./StepperProvider.js";
+import { init_styles_css, stepperStyle } from "./styles.css.js";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
+
+//#region src/components/Stepper/Bullet.tsx
+var StepBullet;
+var init_Bullet = __esmMin(() => {
+	init_Bullet$1();
+	init_StepperProvider();
+	init_styles_css();
+	StepBullet = ({ isDone, disabled, isActive, index }) => {
+		const { size } = useStepper();
+		return isDone && !disabled ? /* @__PURE__ */ jsx(Bullet, {
+			className: stepperStyle.stepBullet({
+				disabled,
+				isActive,
+				size
+			}),
+			prominence: "default",
+			sentiment: "primary",
+			size,
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		}) : /* @__PURE__ */ jsx(Bullet, {
+			className: stepperStyle.stepBullet({
+				disabled,
+				isActive,
+				size
+			}),
+			prominence: "strong",
+			sentiment: isDone || isActive ? "primary" : "neutral",
+			size,
+			children: (index + 1).toString()
+		});
+	};
+});
+
+//#endregion
+init_Bullet();
+export { StepBullet, init_Bullet };

package/dist/components/Stepper/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Step.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,qJAkHhB,CAAA"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Step.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,qJA8FhB,CAAA"}

package/dist/components/Stepper/Step.js

@@ -2,20 +2,19 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
-import { Bullet, init_Bullet } from "../Bullet/index.js";
 import { init_StepperProvider, useStepper } from "./StepperProvider.js";
 import { init_styles_css, stepperStyle } from "./styles.css.js";
+import { StepBullet, init_Bullet } from "./Bullet.js";
 import { useMemo } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/Stepper/Step.tsx
 var Step;
 var init_Step = __esmMin(() => {
-	init_Bullet();
 	init_Stack();
 	init_Text();
+	init_Bullet();
 	init_StepperProvider();
 	init_styles_css();
 	Step = ({ index = 0, onClick, disabled = false, title, children, className, style, "data-testid": dataTestId }) => {
@@ -30,7 +29,7 @@ var init_Step = __esmMin(() => {
 		}, [size, isActive]);
 		return /* @__PURE__ */ jsxs(Stack, {
 			alignItems: "center",
-			className: cn(className !== null && className !== void 0 ? className : "step", stepperStyle.stepContainer, separatorBottom ? stepperStyle.containerRecipe({
+			className: cn(className, "step", stepperStyle.stepContainer, separatorBottom ? stepperStyle.containerRecipe({
 				animated,
 				disabled,
 				done: isDone,
@@ -50,26 +49,11 @@ var init_Step = __esmMin(() => {
 			},
 			style,
 			children: [
-				isDone && !disabled ? /* @__PURE__ */ jsx(Bullet, {
-					className: stepperStyle.stepBullet({
-						disabled,
-						isActive,
-						size
-					}),
-					prominence: "default",
-					sentiment: "primary",
-					size,
-					children: /* @__PURE__ */ jsx(CheckIcon, {})
-				}) : /* @__PURE__ */ jsx(Bullet, {
-					className: stepperStyle.stepBullet({
-						disabled,
-						isActive,
-						size
-					}),
-					prominence: "strong",
-					sentiment: isDone || isActive ? "primary" : "neutral",
-					size,
-					children: (index + 1).toString()
+				/* @__PURE__ */ jsx(StepBullet, {
+					disabled,
+					index,
+					isActive,
+					isDone
 				}),
 				title ? /* @__PURE__ */ jsx(Text, {
 					as: "span",

package/dist/components/Stepper/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { StepperProvider, init_StepperProvider } from "./StepperProvider.js";
 import { init_styles_css, stepperStyle } from "./styles.css.js";
 import { Step, init_Step } from "./Step.js";

package/dist/components/Table/Cell.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { init_ColumnProvider, useColumnProvider } from "../List/ColumnProvider.js";
 import { init_styles_css, tableStyle } from "./styles.css.js";
 import { init_variables_css, maxWidthCell, minWidthCell, widthCell } from "./variables.css.js";

package/dist/components/Table/HeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,gLA4EtB,CAAA"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,gLA4EtB,CAAA"}

package/dist/components/Table/HeaderCell.js

@@ -2,28 +2,22 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { Text, init_Text } from "../Text/index.js";
-import { init_styles_css, listStyle } from "../List/styles.css.js";
-import { init_styles_css as init_styles_css$1, tableStyle } from "./styles.css.js";
+import { init_styles_css, tableStyle } from "./styles.css.js";
 import { headerCellMaxWidth, headerCellMinWidth, headerCellWidth, init_variables_css } from "./variables.css.js";
+import { SortIcon, init_SortIcon } from "./SortIcon.js";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
-import { SortIcon } from "@ultraviolet/icons/SortIcon";
-import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
 
 //#region src/components/Table/HeaderCell.tsx
-var SortIcon$1, HeaderCell;
+var HeaderCell;
 var init_HeaderCell = __esmMin(() => {
-	init_styles_css();
 	init_Text();
 	init_Tooltip();
-	init_styles_css$1();
+	init_SortIcon();
+	init_styles_css();
 	init_variables_css();
-	SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
-		className: listStyle.sortIcon[order],
-		sentiment: "primary"
-	}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
 	HeaderCell = ({ children, className, isOrdered, onOrder, orderDirection, info, align, width, maxWidth, minWidth, isCheckbox }) => {
 		let order;
 		if (isOrdered && orderDirection === "asc") order = "ascending";
@@ -65,7 +59,7 @@ var init_HeaderCell = __esmMin(() => {
 							size: "small"
 						})
 					}) : null,
-					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon$1, {
+					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, {
 						"aria-disabled": !onOrder,
 						order
 					}) : null

package/dist/components/Table/SortIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const SortIcon: ({ order }: {
+    order?: "ascending" | "descending" | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SortIcon.d.ts.map

package/dist/components/Table/SortIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SortIcon.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;6CAKlB,CAAA"}

package/dist/components/Table/SortIcon.js

@@ -0,0 +1,19 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, listStyle } from "../List/styles.css.js";
+import { jsx } from "react/jsx-runtime";
+import { SortIcon } from "@ultraviolet/icons/SortIcon";
+import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
+
+//#region src/components/Table/SortIcon.tsx
+var SortIcon$1;
+var init_SortIcon = __esmMin(() => {
+	init_styles_css();
+	SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
+		className: listStyle.sortIcon[order],
+		sentiment: "primary"
+	}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
+});
+
+//#endregion
+init_SortIcon();
+export { SortIcon$1 as SortIcon, init_SortIcon };

package/dist/components/Table/TableContainer.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare const TableContainer: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableContainer.d.ts.map

package/dist/components/Table/TableContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,cAAc;;6CAiB1B,CAAA"}

package/dist/components/Table/TableContainer.js

@@ -0,0 +1,31 @@
+'use client';
+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 { Children, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Table/TableContainer.tsx
+var TableContainer;
+var init_TableContainer = __esmMin(() => {
+	init_ListContext();
+	init_styles_css();
+	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
+		});
+	};
+});
+
+//#endregion
+init_TableContainer();
+export { TableContainer, init_TableContainer };

package/dist/components/Table/TableContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AAID,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACpE,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AA0BD,eAAO,MAAM,aAAa,sHAiBzB,CAAA;AAGD,eAAO,MAAM,eAAe,yBAO3B,CAAA"}
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AAID,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACpE,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AA2BD,eAAO,MAAM,aAAa,sHAiBzB,CAAA;AAGD,eAAO,MAAM,eAAe,yBAO3B,CAAA"}

package/dist/components/Table/TableContext.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { ListProvider, init_ListContext, useListContext } from "../List/ListContext.js";
 import { createContext, useContext, useEffect, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,6 +1,6 @@
 import type { TableProviderProps } from './TableContext';
 import type { ColumnProps } from './types';
-import type { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties } from 'react';
 export declare const BaseTable: import("react").ForwardRefExoticComponent<Omit<TableProviderProps, "autoCollapse" | "bordered" | "columns" | "expandButton" | "loading" | "selectable" | "stripped"> & {
     selectable?: boolean | undefined;
     /**
@@ -41,10 +41,10 @@ export declare const Table: import("react").ForwardRefExoticComponent<Omit<Table
     style?: CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLTableElement>> & {
     Body: ({ children }: {
-        children: ReactNode;
+        children: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
     Cell: ({ children, className, colSpan, rowSpan, sentiment, align, style, }: {
-        children?: ReactNode;
+        children?: import("react").ReactNode;
         className?: string | undefined;
         colSpan?: number | undefined;
         rowSpan?: number | undefined;
@@ -53,8 +53,8 @@ export declare const Table: import("react").ForwardRefExoticComponent<Omit<Table
         style?: CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     Row: ({ children, className, id, selectDisabled, highlightAnimation, expandable, expanded, style, 'data-testid': dataTestid, }: {
-        children: ReactNode;
-        expandable?: ReactNode;
+        children: import("react").ReactNode;
+        expandable?: import("react").ReactNode;
         className?: string | undefined;
         id: string;
         'data-testid'?: string | undefined;
@@ -68,7 +68,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<Omit<Table
         children: (p: {
             selectedItems: T[];
             unselectAll: () => void;
-        }) => ReactNode;
+        }) => import("react").ReactNode;
         data: T[];
         idKey: keyof T;
     }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAwDrD,eAAO,MAAM,SAAS;;IApCpB;;OAEG;;;;;IAKH;;OAEG;;;;;;oDAkGJ,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;;IAhHhB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GH,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAqC1C,eAAO,MAAM,SAAS;;IAjBpB;;OAEG;;;;;IAKH;;OAEG;;;;;;oDA+EJ,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;;IA7FhB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FH,CAAA"}

package/dist/components/Table/index.js

@@ -1,9 +1,7 @@
 'use client';
 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 { init_styles_css, 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";
@@ -12,15 +10,14 @@ 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 { TableContainer, init_TableContainer } from "./TableContainer.js";
+import { forwardRef } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Table/index.tsx
-var TableContainer, BaseTable, Table;
+var BaseTable, Table;
 var init_Table = __esmMin(() => {
-	init_ListContext();
-	init_styles_css();
 	init_Body();
 	init_Cell();
 	init_Header();
@@ -29,22 +26,9 @@ var init_Table = __esmMin(() => {
 	init_Row();
 	init_SelectBar();
 	init_SkeletonRows();
-	init_styles_css$1();
+	init_styles_css();
+	init_TableContainer();
 	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, highlightHeader }, ref) => /* @__PURE__ */ jsx(TableProvider, {
 		autoCollapse,
 		bordered,

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

@@ -1,12 +1,10 @@
 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 tableStyle;
 var init_styles_css = __esmMin(() => {
-	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
 	tableStyle = {
 		stripped: "uv_1cpcscz2",

package/dist/components/Tabs/Tab.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.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";

package/dist/components/Tabs/TabMenu.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { Menu, init_Menu } from "../Menu/index.js";
 import { init_styles_css, tabsStyle } from "./styles.css.js";
 import { forwardRef } from "react";

package/dist/components/Tabs/TabMenuItem.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { Menu, init_Menu } from "../Menu/index.js";
 import { init_styles_css, tabsStyle } from "./styles.css.js";
 import { init_TabsContext, useTabsContext } from "./TabsContext.js";

package/dist/components/Tabs/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { init_styles_css, tabsStyle } from "./styles.css.js";
 import { TabsContext, init_TabsContext } from "./TabsContext.js";
 import { Tab, init_Tab } from "./Tab.js";

package/dist/components/Tag/TagInner.d.ts

@@ -0,0 +1,5 @@
+import type { TagProps } from './type';
+type TagInnerProps = Omit<TagProps, 'copyText' | 'copiedText' | 'className' | 'data-testid'>;
+export declare const TagInner: ({ children, isLoading, onClose, disabled, copiable, variant, copyButton, }: TagInnerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TagInner.d.ts.map

package/dist/components/Tag/TagInner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInner.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/TagInner.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC,KAAK,aAAa,GAAG,IAAI,CACvB,QAAQ,EACR,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,CACxD,CAAA;AAED,eAAO,MAAM,QAAQ,wIAsCpB,CAAA"}

package/dist/components/Tag/TagInner.js

@@ -0,0 +1,48 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Loader, init_Loader } from "../Loader/index.js";
+import { Button, init_Button } from "../Button/index.js";
+import { init_styles_css, tagStyle } from "./styles.css.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
+
+//#region src/components/Tag/TagInner.tsx
+var TagInner;
+var init_TagInner = __esmMin(() => {
+	init_Button();
+	init_Loader();
+	init_Text();
+	init_styles_css();
+	TagInner = ({ children, isLoading = false, onClose, disabled = false, copiable, variant, copyButton }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			"aria-disabled": disabled,
+			as: "span",
+			className: tagStyle.text,
+			oneLine: true,
+			variant: variant === "code" ? "code" : "caption",
+			children
+		}),
+		copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
+		onClose && !isLoading ? /* @__PURE__ */ jsx(Button, {
+			"aria-label": "Close tag",
+			className: tagStyle.closeButton,
+			"data-testid": "close-tag",
+			disabled,
+			onClick: onClose,
+			sentiment: "neutral",
+			size: "small",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
+		}) : null,
+		isLoading ? /* @__PURE__ */ jsx(Loader, {
+			active: true,
+			size: "small"
+		}) : null
+	] });
+});
+
+//#endregion
+init_TagInner();
+export { TagInner, init_TagInner };