ixia-ui-react 1.1.0 → 1.3.0

package/dist/index.mjs

@@ -1,14 +1,15 @@
+import { createRequire } from "node:module";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
+import { extendTailwindMerge } from "tailwind-merge";
 import { cva } from "class-variance-authority";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowsDownUpIcon, CaretDownIcon, CaretLeftIcon, CaretLineLeftIcon, CaretLineRightIcon, CaretRightIcon, CaretUpDownIcon, CaretUpIcon, CheckCircleIcon, CheckIcon, CircleNotchIcon, CopyIcon, DotsThreeIcon, DownloadIcon, EyeClosedIcon, EyeIcon, FileArrowUpIcon, FolderIcon, FolderOpenIcon, FolderSimpleIcon, FunnelIcon, FunnelSimpleIcon, InfoIcon, LockSimpleIcon, LockSimpleOpenIcon, MagnifyingGlassIcon, MinusIcon, PercentIcon, PlusIcon, SortAscendingIcon, SortDescendingIcon, TrashIcon, UploadIcon, WarningCircleIcon, WarningIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
 import { AlertDialog as AlertDialog$1, Button as Button$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Drawer as Drawer$1, Meter as Meter$1, NavigationMenu as NavigationMenu$1, OTPField, PreviewCard as PreviewCard$1, Radio as Radio$1, RadioGroup as RadioGroup$1, Slider as Slider$1 } from "@base-ui/react";
-import React, { Children, createContext, createElement, isValidElement, useContext, useEffect, useId, useRef, useState } from "react";
+import React, { Children, createContext, createElement, isValidElement, useCallback, useContext, useEffect, useId, useRef, useState } from "react";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
-import { DayPicker, getDefaultClassNames, isDateRange } from "@daypicker/react";
+import { DayButton, DayPicker, getDefaultClassNames, isDateRange, labelDayButton } from "@daypicker/react";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { Legend, ResponsiveContainer, Tooltip as Tooltip$1 } from "recharts";
 import { Checkbox as Checkbox$2 } from "@base-ui/react/checkbox";
@@ -36,7 +37,31 @@ import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 import { z } from "zod";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+//#region \0rolldown/runtime.js
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod, mod.exports), cb = null), mod.exports);
+var __require = /* #__PURE__ */ (() => createRequire(import.meta.url))();
+//#endregion
 //#region src/utils/cn.ts
+const twMerge = extendTailwindMerge({ extend: { theme: { spacing: [
+	"3xs",
+	"2xs",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl",
+	"3xl",
+	"3xs-2xs",
+	"2xs-xs",
+	"xs-sm",
+	"sm-md",
+	"md-lg",
+	"lg-xl",
+	"xl-2xl",
+	"2xl-3xl",
+	"sm-lg"
+] } } });
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
@@ -171,7 +196,7 @@ const Accordion = Object.assign(Accordion$2, {
 });
 //#endregion
 //#region src/components/alert/alert.types.ts
-const alertVariants = cva("group grid auto-rows-min items-center justify-start gap-x-xs rounded-xl border p-xs transition-all has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-data-[slot=alert-description]:grid-rows-[auto_auto] has-data-[slot=alert-icon]:grid-cols-[auto_1fr] has-data-[slot=alert-icon]:has-data-[slot=alert-action]:grid-cols-[auto_1fr_auto] has-data-[slot=alert-description]:**:data-[slot=alert-icon]:row-span-2", {
+const alertVariants = cva("group grid auto-rows-min items-center justify-start gap-x-xs rounded-xl border py-sm pr-sm pl-md transition-all has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-data-[slot=alert-description]:grid-rows-[auto_auto] has-data-[slot=alert-icon]:grid-cols-[auto_1fr] has-data-[slot=alert-icon]:has-data-[slot=alert-action]:grid-cols-[auto_1fr_auto] has-data-[slot=alert-description]:**:data-[slot=alert-icon]:row-span-2", {
 	defaultVariants: { tone: "brand" },
 	variants: { tone: {
 		accent: "border-accent-border bg-accent-container [&_[data-slot=alert-description]]:text-accent-on-container-muted [&_[data-slot=alert-icon]]:text-accent-on-container [&_[data-slot=alert-title]]:text-accent-on-container",
@@ -298,7 +323,7 @@ const buttonVariants = cva("inline-flex cursor-pointer items-center justify-cent
 			variant: "outline"
 		},
 		{
-			className: "border-neutral-border text-neutral-default hover:bg-neutral-subtle hover:text-neutral-on-container",
+			className: "border-border text-neutral-default hover:bg-neutral-subtle hover:text-neutral-on-container",
 			tone: "neutral",
 			variant: "outline"
 		},
@@ -475,9 +500,9 @@ const buttonVariants = cva("inline-flex cursor-pointer items-center justify-cent
 			iconLarge: "size-2xl p-[0px] [&>svg]:size-md",
 			iconMedium: "size-xl p-[0px] [&>svg]:size-sm",
 			iconSmall: "size-lg p-[0px] [&>svg]:size-xs",
-			large: "h-2xl gap-xs px-md style-text-default-2 [&>svg]:size-md",
-			medium: "h-xl gap-2xs px-sm style-text-default-0 [&>svg]:size-sm",
-			small: "h-lg gap-3xs px-xs style-text-default--1 [&>svg]:size-xs"
+			large: "h-2xl min-w-2xl gap-xs px-md style-text-default-1 [&>svg]:size-md",
+			medium: "h-xl min-w-xl gap-2xs px-sm style-text-default-0 [&>svg]:size-sm",
+			small: "h-lg min-w-lg gap-3xs px-xs style-text-default--1 [&>svg]:size-xs"
 		},
 		tone: {
 			accent: "",
@@ -490,11 +515,11 @@ const buttonVariants = cva("inline-flex cursor-pointer items-center justify-cent
 		},
 		variant: {
 			elevated: "shadow-xs not-active:hover:shadow-md",
-			fill: "active:scale-[0.98]",
-			ghost: "active:scale-[0.98]",
+			fill: "active:scale-95",
+			ghost: "active:scale-95",
 			link: "size-fit! p-0! underline decoration-transparent underline-offset-2 [&>svg]:transition-colors",
-			outline: "border active:scale-[0.98]",
-			soft: "border active:scale-[0.98]"
+			outline: "border active:scale-95",
+			soft: "border active:scale-95"
 		}
 	}
 });
@@ -714,6 +739,7 @@ const inputVariants = cva("group flex w-full items-center text-ellipsis caret-br
 		},
 		variant: {
 			ghost: "bg-transparent",
+			outline: "bg-transparent outline outline-border",
 			primary: "bg-surface shadow-2xs",
 			secondary: "bg-neutral-container"
 		}
@@ -864,9 +890,9 @@ const Autocomplete = Object.assign(Autocomplete$2, {
 const avatarVariants = cva("group/avatar relative inline-flex shrink-0 items-center justify-center rounded-full", {
 	defaultVariants: { size: "medium" },
 	variants: { size: {
-		large: "size-2xl style-text-default-1",
-		medium: "size-xl style-text-default-0",
-		small: "size-lg style-text-default--1"
+		large: "size-3xl style-text-default-1",
+		medium: "size-2xl style-text-default-0",
+		small: "size-xl style-text-default--1"
 	} }
 });
 const avatarBadgeVariants = cva("absolute right-0 bottom-0 inline-flex items-center justify-center rounded-full outline-3 outline-surface-background group-data-[size=large]/avatar:size-md group-data-[size=medium]/avatar:size-sm group-data-[size=small]/avatar:size-xs group-data-[size=large]/avatar:[&_svg]:size-sm group-data-[size=medium]/avatar:[&_svg]:size-xs group-data-[size=small]/avatar:[&_svg]:size-2xs", {
@@ -876,10 +902,10 @@ const avatarBadgeVariants = cva("absolute right-0 bottom-0 inline-flex items-cen
 	},
 	variants: {
 		position: {
-			bottomLeft: "bottom-0 left-0",
-			bottomRight: "right-0 bottom-0",
-			topLeft: "top-0 left-0",
-			topRight: "top-0 right-0"
+			bottomLeft: "bottom-px left-px",
+			bottomRight: "right-px bottom-px",
+			topLeft: "top-px left-px",
+			topRight: "top-px right-px"
 		},
 		tone: {
 			accent: "bg-accent-default [&>svg]:text-accent-on-default",
@@ -960,7 +986,7 @@ const Avatar = Object.assign(Avatar$2, {
 });
 //#endregion
 //#region src/components/badge/badge.types.ts
-const badgeVariants = cva("inline-flex h-md items-center justify-center gap-3xs rounded-full style-text-default--2 whitespace-nowrap transition-all select-none", {
+const badgeVariants = cva("inline-flex h-md items-center justify-center gap-3xs rounded-full font-body text-xs leading-none font-medium whitespace-nowrap transition-all select-none [&>svg]:shrink-0", {
 	compoundVariants: [
 		{
 			className: "bg-brand-default text-brand-on-default",
@@ -1078,9 +1104,9 @@ const badgeVariants = cva("inline-flex h-md items-center justify-center gap-3xs
 			iconLarge: "size-lg [&>svg]:size-sm",
 			iconMedium: "size-md [&>svg]:size-xs",
 			iconSmall: "size-sm [&>svg]:size-2xs",
-			large: "h-lg px-xs [&>svg]:size-sm",
-			medium: "h-md px-xs [&>svg]:size-xs",
-			small: "h-sm px-xs [&>svg]:size-2xs"
+			large: "h-lg px-xs [&>svg]:size-[1em]",
+			medium: "h-md px-xs [&>svg]:size-[1em]",
+			small: "h-sm px-xs [&>svg]:size-[1em]"
 		},
 		tone: {
 			accent: "",
@@ -1133,9 +1159,9 @@ const bentoBoxVariants = cva("group/box flex size-full min-h-0 flex-col overflow
 			true: "p-0!"
 		},
 		size: {
-			large: "gap-md rounded-3xl p-md",
-			medium: "gap-sm rounded-2xl p-sm",
-			small: "gap-xs rounded-xl p-xs"
+			large: "gap-md rounded-3xl p-lg",
+			medium: "gap-sm rounded-2xl p-md",
+			small: "gap-xs rounded-xl p-sm"
 		}
 	}
 });
@@ -1222,7 +1248,7 @@ const BentoBox = Object.assign(BentoBox$1, {
 //#region src/components/breadcrumb/breadcrumb.tsx
 function Breadcrumb$1({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
-		className: cn("flex items-center gap-2xs px-sm py-2xs", className),
+		className: cn("flex items-center gap-2xs", className),
 		ref,
 		...props
 	});
@@ -1241,7 +1267,7 @@ function BreadcrumbEllipsis({ className, children, ref, ...props }) {
 //#region src/components/breadcrumb/breadcrumb-item.tsx
 function BreadcrumbItem({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("inline-flex h-md items-center justify-center gap-2xs rounded-full px-2xs style-text-default--1 text-accent-default [&>svg]:size-xs", className),
+		className: cn("inline-flex h-lg items-center justify-center gap-2xs rounded-full px-2xs style-text-default--1 text-accent-default [&>svg]:size-sm", className),
 		ref,
 		...props
 	});
@@ -1250,7 +1276,7 @@ function BreadcrumbItem({ className, ref, ...props }) {
 //#region src/components/breadcrumb/breadcrumb-link.tsx
 function BreadcrumbLink({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("inline-flex h-md items-center justify-center gap-3xs rounded-full px-2xs style-text-default--1 text-on-surface-variant transition-all hover:cursor-pointer hover:bg-neutral-container active:scale-[0.98] active:bg-neutral-container disabled:opacity-50 [&>svg]:size-xs", className),
+		className: cn("inline-flex h-lg items-center justify-center gap-3xs rounded-full px-2xs style-text-default--1 text-on-surface-variant transition-all hover:cursor-pointer hover:bg-neutral-container active:scale-[0.98] active:bg-neutral-container disabled:opacity-50 [&>svg]:size-sm", className),
 		ref,
 		...props
 	});
@@ -1567,7 +1593,7 @@ const calendarPanelVariants = cva("w-fit", {
 	variants: { variant: {
 		elevated: "bg-surface shadow-2xs",
 		ghost: "bg-transparent",
-		outline: "border border-border-strong"
+		outline: "border border-border"
 	} }
 });
 //#endregion
@@ -1743,6 +1769,17 @@ const Select = Object.assign(Select$2, {
 });
 //#endregion
 //#region src/components/calendar/calendar-picker.tsx
+function CalendarDayButton({ className, modifiers, ...props }) {
+	return /* @__PURE__ */ jsx(DayButton, {
+		...props,
+		modifiers,
+		className: cn(buttonVariants({
+			size: "medium",
+			tone: "neutral",
+			variant: "ghost"
+		}), "text-inherit hover:bg-brand-container hover:text-brand-on-container", modifiers.selected && "hover:bg-brand-default hover:text-brand-on-default", className)
+	});
+}
 function createSelectTarget(value) {
 	const element = document.createElement("select"), option = Object.assign(document.createElement("option"), { value });
 	element.append(option);
@@ -1791,7 +1828,8 @@ function CalendarNextMonthButton({ onClick, disabled, ...props }) {
 		...props,
 		variant: "ghost",
 		tone: "neutral",
-		size: "iconSmall",
+		size: "iconMedium",
+		className: cn("hover:bg-neutral-container-high hover:text-neutral-on-container"),
 		onClick,
 		disabled,
 		children: /* @__PURE__ */ jsx(CaretRightIcon, { weight: "bold" })
@@ -1802,7 +1840,8 @@ function CalendarPreviousMonthButton({ onClick, disabled, ...props }) {
 		...props,
 		variant: "ghost",
 		tone: "neutral",
-		size: "iconSmall",
+		size: "iconMedium",
+		className: cn("hover:bg-neutral-container-high hover:text-neutral-on-container"),
 		onClick,
 		disabled,
 		children: /* @__PURE__ */ jsx(CaretLeftIcon, { weight: "bold" })
@@ -1817,23 +1856,30 @@ function getRangeSelected(selectedDates) {
 function getSingleSelected(selectedDates) {
 	if (selectedDates instanceof Date) return selectedDates;
 }
+function labelDayButtonWithVisibleText(...args) {
+	const [date, modifiers, options, dateLib] = args;
+	return `${dateLib?.format(date, "d") ?? String(date.getDate())}, ${labelDayButton(date, modifiers, options, dateLib)}`;
+}
 const defaultClassNames = getDefaultClassNames();
 const calendarClassNames = {
 	caption_label: "style-text-strong-0",
-	day: cn("rounded-xl style-text-default-0 transition-colors hover:bg-brand-container hover:text-brand-on-container data-selected:text-brand-on-default data-selected:hover:bg-brand-default", defaultClassNames.day),
+	day: cn("size-xl! rounded-full style-text-default-0 transition-colors hover:bg-brand-container hover:text-brand-on-container data-selected:text-brand-on-default data-selected:hover:bg-brand-default", defaultClassNames.day),
+	day_button: cn("size-xl! rounded-full", defaultClassNames.day_button),
 	disabled: cn("pointer-events-none text-on-surface", defaultClassNames.disabled),
 	month_caption: "flex items-center justify-center h-lg",
-	month_grid: cn("mt-xs", defaultClassNames.month_grid),
+	month_grid: cn("mt-xs border-separate! border-spacing-3xs", defaultClassNames.month_grid),
 	nav: cn("h-lg! w-full justify-between!", defaultClassNames.nav),
-	outside: cn("border-none text-on-surface", defaultClassNames.outside),
+	outside: cn("border-none text-on-surface-muted", defaultClassNames.outside),
 	range_end: cn("rounded-l-none bg-brand-default text-brand-on-default"),
 	range_middle: cn("rounded-none! border-y border-brand-border bg-brand-container! text-brand-on-container! transition-none"),
 	range_start: cn("rounded-r-none bg-brand-default text-brand-on-default", "[&.rounded-l-none]:rounded-xl"),
 	selected: cn("bg-brand-default text-brand-on-default"),
 	today: cn("text-brand-default! data-selected:text-brand-on-default!", defaultClassNames.today),
-	weekdays: cn("style-text-default-0 text-on-surface", defaultClassNames.weekdays)
+	week: cn("", defaultClassNames.week),
+	weekdays: cn("style-text-default-0 text-on-surface-muted", defaultClassNames.weekdays)
 };
 const calendarComponents = {
+	DayButton: CalendarDayButton,
 	Dropdown: CalendarDropdown,
 	NextMonthButton: CalendarNextMonthButton,
 	PreviousMonthButton: CalendarPreviousMonthButton
@@ -1849,6 +1895,7 @@ function CalendarPicker({ className, mode = "single", selected, onSelect, ...pro
 		className,
 		classNames: calendarClassNames,
 		components: calendarComponents,
+		labels: { labelDayButton: labelDayButtonWithVisibleText },
 		...props
 	};
 	switch (mode) {
@@ -1934,8 +1981,6 @@ function ChartContainer({ id, config, className, children, initialDimension, ref
 			ref,
 			...props,
 			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-				width: "100%",
-				height: "100%",
 				initialDimension,
 				children
 			})
@@ -2236,34 +2281,28 @@ function CheckboxIndicator({ className, ...props }) {
 }
 //#endregion
 //#region src/components/checkbox/checkbox.types.ts
-const checkboxVariants = cva("group flex size-sm items-center justify-center rounded-sm shadow-2xs outline-2 outline-transparent transition-colors not-indeterminate:text-accent-on-default indeterminate:text-accent-default hover:cursor-pointer hover:outline-accent-border disabled:cursor-not-allowed disabled:hover:cursor-not-allowed data-checked:bg-accent-default [&_svg]:size-xs [&:not([data-checked])]:hover:outline-border-strong", {
+const checkboxVariants = cva("group flex size-md items-center justify-center rounded-md shadow-2xs outline-2 outline-transparent transition-colors not-indeterminate:text-accent-on-default indeterminate:text-accent-default hover:cursor-pointer hover:outline-accent-border disabled:cursor-not-allowed disabled:hover:cursor-not-allowed data-checked:bg-accent-default [&_svg]:size-sm", {
 	defaultVariants: { variant: "elevated" },
 	variants: { variant: {
 		elevated: "bg-surface shadow-2xs",
-		inSurface: "bg-surface-low shadow-none inset-shadow-2xs data-checked:inset-shadow-none"
+		inSurface: "bg-surface-low shadow-none inset-shadow-2xs data-checked:inset-shadow-none",
+		outline: "bg-inherit shadow-none outline [&:not([data-checked])]:not-hover:outline-border-strong"
 	} }
 });
 //#endregion
 //#region src/components/checkbox/checkbox.tsx
-function Checkbox$3({ variant, className, label, id, ref, ...props }) {
-	const generatedId = useId(), hasLabel = label !== void 0 && label !== null;
-	let checkboxId = id;
-	if (checkboxId === void 0 && hasLabel) checkboxId = generatedId;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-xs",
+function Checkbox$3({ variant, children, className, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Label, {
+		className: "flex items-center gap-xs has-disabled:opacity-50",
 		children: [/* @__PURE__ */ jsx(Checkbox$1.Root, {
 			className: cn(checkboxVariants({
 				className,
 				variant
 			})),
-			id: checkboxId,
 			ref,
 			...props,
 			children: /* @__PURE__ */ jsx(CheckboxIndicator, {})
-		}), hasLabel && /* @__PURE__ */ jsx(Label, {
-			htmlFor: checkboxId,
-			children: label
-		})]
+		}), children]
 	});
 }
 //#endregion
@@ -2336,6 +2375,7 @@ function CodeBlockCopy({ className, children, ref, ...props }) {
 			console.error("Failed to copy text:", error);
 		}
 	};
+	if (React.isValidElement(currentValue.content)) return;
 	return /* @__PURE__ */ jsxs(Button, {
 		"aria-label": "Copy code",
 		onClick: handleClick,
@@ -2376,6 +2416,7 @@ function CodeBlockDownload({ className, children, ref, ...props }) {
 			console.error("Failed to download file:", error);
 		}
 	};
+	if (React.isValidElement(currentValue.content)) return;
 	return /* @__PURE__ */ jsxs(Button, {
 		"aria-label": "Download file",
 		onClick: handleClick,
@@ -2545,7 +2586,7 @@ const tabsVariants = cva("", {
 			variant: "underline"
 		},
 		{
-			class: "[&_[role=presentation]]:rounded-lg [&_[role=tab]]:rounded-lg [&_[role=tablist]]:rounded-lg",
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:rounded-full [&_[role=tablist]]:rounded-full",
 			size: "small",
 			variant: "default"
 		},
@@ -2555,55 +2596,65 @@ const tabsVariants = cva("", {
 			variant: "default"
 		},
 		{
-			class: "[&_[role=presentation]]:rounded-xl [&_[role=tab]]:h-xl [&_[role=tab]]:rounded-xl [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-xl [&_[role=tablist]]:p-2xs",
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-xl [&_[role=tab]]:rounded-full [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-2xs",
 			size: "medium",
 			variant: "default"
 		},
 		{
-			class: "[&_[role=presentation]]:rounded-2xl [&_[role=tab]]:h-2xl [&_[role=tab]]:rounded-2xl [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-2xl [&_[role=tablist]]:p-xs",
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-2xl [&_[role=tab]]:rounded-full [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-xs",
 			size: "large",
 			variant: "default"
 		},
 		{
-			class: "[&_[role=presentation]]:rounded-lg [&_[role=tab]]:h-lg [&_[role=tab]]:px-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:gap-2xs [&_[role=tablist]]:rounded-lg [&_[role=tablist]]:p-3xs",
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-lg [&_[role=tab]]:px-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:gap-2xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-3xs",
 			size: "small",
 			variant: "ghost"
 		},
 		{
-			class: "[&_[role=presentation]]:rounded-xl [&_[role=tab]]:h-xl [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-xl [&_[role=tablist]]:p-2xs",
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-xl [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-2xs",
 			size: "medium",
 			variant: "ghost"
 		},
 		{
-			class: "[&_[role=presentation]]:rounded-2xl [&_[role=tab]]:h-2xl [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-2xl [&_[role=tablist]]:p-xs",
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-2xl [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-xs",
 			size: "large",
 			variant: "ghost"
 		},
 		{
-			class: "[&_[role=tab]]:px-lg [&_[role=tab]]:pb-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:h-lg [&_[role=tablist]]:gap-md [&_[role=tablist]]:border-b-2 **:[[role=presentation]]:bottom-[-3px] **:[[role=presentation]]:h-[2px]",
+			class: "[&_[role=tab]]:px-lg [&_[role=tab]]:pb-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:h-lg [&_[role=tablist]]:gap-md [&_[role=tablist]]:border-b-[1px] **:[[role=presentation]]:bottom-[-3px] **:[[role=presentation]]:h-[2px]",
 			size: "small",
 			variant: "underline"
 		},
 		{
-			class: "[&_[role=tab]]:px-xl [&_[role=tab]]:pb-xs [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:h-xl [&_[role=tablist]]:gap-lg [&_[role=tablist]]:border-b-3 **:[[role=presentation]]:bottom-[-4px] **:[[role=presentation]]:h-[3px]",
+			class: "[&_[role=tab]]:px-xl [&_[role=tab]]:pb-xs [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:h-xl [&_[role=tablist]]:gap-lg [&_[role=tablist]]:border-b-[1px] **:[[role=presentation]]:bottom-[-2px] **:[[role=presentation]]:h-px",
 			size: "medium",
 			variant: "underline"
 		},
 		{
-			class: "[&_[role=tab]]:px-2xl [&_[role=tab]]:pb-2xs [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:h-2xl [&_[role=tablist]]:gap-xl [&_[role=tablist]]:border-b-4 **:[[role=presentation]]:bottom-[-5px] **:[[role=presentation]]:h-[4px]",
+			class: "[&_[role=tab]]:px-2xl [&_[role=tab]]:pb-2xs [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:h-2xl [&_[role=tablist]]:gap-xl [&_[role=tablist]]:border-b-[1px] **:[[role=presentation]]:bottom-[-2px] **:[[role=presentation]]:h-px",
 			size: "large",
 			variant: "underline"
+		},
+		{
+			class: "[&_[role=tablist]]:w-fit",
+			fill: false,
+			variant: ["default", "ghost"]
+		},
+		{
+			class: "[&_[role=tablist]]:w-full",
+			fill: false,
+			variant: "underline"
 		}
 	],
 	defaultVariants: {
-		fill: true,
+		fill: false,
 		size: "medium",
 		tone: "brand",
 		variant: "default"
 	},
 	variants: {
 		fill: {
-			false: "[&_[role=tablist]]:w-fit",
+			false: "",
 			true: "[&_[role=tab]]:grow [&_[role=tablist]]:w-full"
 		},
 		size: {
@@ -2651,10 +2702,11 @@ function TabsIndicator({ className, ...props }) {
 }
 //#endregion
 //#region src/components/tabs/tabs-list.tsx
-function TabsList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs$1.List, {
+function TabsList({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Tabs$1.List, {
 		className: cn("relative z-0 flex", className),
-		...props
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TabsIndicator, {})]
 	});
 }
 //#endregion
@@ -2846,9 +2898,9 @@ const colorPickerVariants = cva("flex flex-col space-y-sm", {
 const colorPickerSwatchVariants = cva("overflow-hidden border border-border hover:cursor-pointer focus:outline-2 focus:outline-offset-2", {
 	defaultVariants: { size: "medium" },
 	variants: { size: {
-		large: "size-lg rounded-xl",
-		medium: "size-md rounded-lg",
-		small: "size-sm rounded-md"
+		large: "size-lg rounded-lg",
+		medium: "size-md rounded-md",
+		small: "size-sm rounded-sm"
 	} }
 });
 const RGB_CHANNEL_COUNT = 3;
@@ -3254,7 +3306,7 @@ function InputGroupInput({ size = "medium", className, ref, ...props }) {
 			if (ref && typeof ref === "object") Object.assign(ref, { current: node });
 		};
 		return /* @__PURE__ */ jsxs("button", {
-			"aria-label": "Open color picker",
+			"aria-label": `${colorValue}, open color picker`,
 			className: cn("relative flex size-full items-center justify-start hover:cursor-pointer", className),
 			disabled: props.disabled,
 			onClick: () => inputRef.current?.click(),
@@ -3273,7 +3325,7 @@ function InputGroupInput({ size = "medium", className, ref, ...props }) {
 					...colorProps
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: cn("text-left", size === "small" && "pr-xs pl-lg style-text-default--1", size === "medium" && "pl-[calc(var(--dawn-spacing-lg)+6px)] style-text-default-0", size === "large" && "pl-2xl style-text-default-1"),
+					className: cn("text-left", size === "small" && "pr-xs pl-lg style-text-default--1", size === "medium" && "pl-[calc(var(--ixia-spacing-lg)+6px)] style-text-default-0", size === "large" && "pl-2xl style-text-default-1"),
 					children: colorValue
 				})
 			]
@@ -3552,7 +3604,7 @@ function ColorPickerInput({ showPopover = false, showTransparencyField = true, c
 			}) })] }),
 			!showPopover && /* @__PURE__ */ jsx(InputGroupAddon, {
 				style: { backgroundColor: color.hex() },
-				className: "aspect-square size-md rounded-lg"
+				className: "aspect-square size-md rounded-md"
 			}),
 			/* @__PURE__ */ jsx(InputGroupInput, {
 				"aria-label": "Color value",
@@ -4258,7 +4310,7 @@ function Dialog$2({ ...props }) {
 //#region src/components/dialog/dialog-close.tsx
 function DialogClose({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Close, {
-		className: cn("absolute top-2xs right-2xs", className),
+		className: cn("absolute top-xs right-xs", className),
 		ref,
 		...props,
 		render: /* @__PURE__ */ jsx(Button, {
@@ -4327,7 +4379,7 @@ function DialogPopup({ className, children, ref, ...props }) {
 			backdropFilter: "blur(16px)"
 		}
 	}), /* @__PURE__ */ jsx(Dialog$1.Popup, {
-		className: cn("fixed top-1/2 left-1/2 z-999 flex max-w-[calc(100vw-3rem)] min-w-1/6 -translate-1/2 flex-col gap-sm overflow-hidden rounded-3xl bg-surface-2 p-md shadow-lg transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", className),
+		className: cn("fixed top-1/2 left-1/2 z-999 flex max-w-[calc(100vw-3rem)] min-w-1/6 -translate-1/2 flex-col gap-sm overflow-hidden rounded-3xl bg-surface-2 px-lg py-md shadow-lg transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", className),
 		ref,
 		...props,
 		children
@@ -4896,7 +4948,7 @@ function MeterSubtitle({ className, ref, ...props }) {
 //#region src/components/meter/meter-track.tsx
 function MeterTrack({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Meter$1.Track, {
-		className: cn("w-full self-center rounded-full bg-surface-low inset-shadow-2xs", className),
+		className: cn("w-full self-center rounded-full bg-neutral-container", className),
 		"data-track": true,
 		ref,
 		...props
@@ -5087,20 +5139,15 @@ function Field$1({ className, children, ref, ...props }) {
 const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
 //#endregion
 //#region src/components/field/field-checkbox.tsx
-function FieldCheckbox({ ...props }) {
+function FieldCheckbox({ children, ...props }) {
 	const field = useFieldContext();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-xs",
-		children: [/* @__PURE__ */ jsx(Checkbox, {
-			checked: field.state.value,
-			id: field.name,
-			name: field.name,
-			onCheckedChange: (checked) => field.handleChange(checked),
-			...props
-		}), props.label && /* @__PURE__ */ jsx(Label, {
-			htmlFor: field.name,
-			children: props.label
-		})]
+	return /* @__PURE__ */ jsx(Checkbox, {
+		checked: field.state.value,
+		id: field.name,
+		name: field.name,
+		onCheckedChange: (checked) => field.handleChange(checked),
+		...props,
+		children
 	});
 }
 //#endregion
@@ -5190,7 +5237,7 @@ function Input({ fileUploadButtonIcon = defaultFileUploadButtonIcon, fileUploadB
 			onClick: () => inputRef.current?.click(),
 			type: "button",
 			children: [/* @__PURE__ */ jsx("div", {
-				className: cn("size-full", size === "small" && "rounded-lg", size === "medium" && "rounded-xl", size === "large" && "rounded-2xl"),
+				className: cn("size-full", size === "small" && "rounded-md", size === "medium" && "rounded-lg", size === "large" && "rounded-xl"),
 				style: { backgroundColor: colorValue }
 			}), /* @__PURE__ */ jsx(Input$1, {
 				className: "peer pointer-events-none invisible absolute",
@@ -5202,7 +5249,7 @@ function Input({ fileUploadButtonIcon = defaultFileUploadButtonIcon, fileUploadB
 			})]
 		});
 		return /* @__PURE__ */ jsxs("button", {
-			"aria-label": "Open color picker",
+			"aria-label": `${colorValue}, open color picker`,
 			className: cn("relative flex hover:cursor-pointer", inputVariants({
 				size,
 				variant
@@ -5638,11 +5685,15 @@ function Switch({ children, className, ref, ...props }) {
 	return /* @__PURE__ */ jsxs(Label, {
 		className: "flex items-center gap-xs",
 		children: [/* @__PURE__ */ jsx(Switch$1.Root, {
-			className: cn("group relative flex h-md w-xl items-center rounded-full bg-surface-low bg-size-[6.5rem_100%] p-[0.5px] inset-shadow-2xs outline-2 outline-transparent transition-colors ease-[cubic-bezier(0.26,0.75,0.38,0.45)] before:absolute before:rounded-full hover:cursor-pointer hover:not-disabled:outline-accent-border-strong disabled:pointer-events-none disabled:opacity-50 data-checked:bg-accent-default data-disabled:pointer-events-none data-disabled:opacity-50", className),
+			className: cn("group relative flex h-lg w-2xl items-center rounded-full bg-surface-low bg-size-[6.5rem_100%] outline-2 outline-transparent transition-colors ease-[cubic-bezier(0.26,0.75,0.38,0.45)] before:absolute before:rounded-full hover:cursor-pointer hover:not-disabled:outline-accent-border-strong disabled:pointer-events-none disabled:opacity-50 data-checked:bg-accent-default data-disabled:pointer-events-none data-disabled:opacity-50", className),
 			ref,
 			...props,
-			children: /* @__PURE__ */ jsx(Switch$1.Thumb, { className: "size-xs translate-x-[6px] rounded-full shadow-2xs transition-transform duration-500 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)] data-checked:size-sm data-checked:translate-x-[26px] data-checked:scale-[1.1] data-checked:bg-accent-on-default data-unchecked:bg-accent-default" })
-		}), children]
+			children: /* @__PURE__ */ jsx(Switch$1.Thumb, { className: "size-md translate-x-[calc(0%+3px)] rounded-full shadow-2xs transition-transform duration-500 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)] data-checked:translate-x-[calc(100%--7px)] data-checked:bg-accent-on-default data-unchecked:bg-white" })
+		}), children != void 0 && /* @__PURE__ */ jsx("span", {
+			"data-slot": "switch-label",
+			className: "leading-none",
+			children
+		})]
 	});
 }
 //#endregion
@@ -5663,6 +5714,8 @@ function FieldSwitch({ children, ...props }) {
 const textAreaVariants = cva("relative flex resize flex-col overflow-hidden rounded-xl outline outline-transparent transition-[outline] hover:not-focus-within:outline-border-strong data-[disabled=true]:cursor-not-allowed", {
 	defaultVariants: { variant: "primary" },
 	variants: { variant: {
+		ghost: "bg-transparent",
+		outline: "border border-border",
 		primary: "bg-surface shadow-2xs",
 		secondary: "bg-neutral-container"
 	} }
@@ -5950,32 +6003,32 @@ function FormSubmit({ className, children, ref, ...props }) {
 //#region src/components/form/form-context.tsx
 const { useAppForm, withFieldGroup, withForm, useTypedAppFormContext } = createFormHook({
 	fieldComponents: {
-		FieldCheckbox,
-		FieldDescription,
-		FieldErrors,
-		FieldInput,
-		FieldInputGroup,
-		FieldInputGroupInput,
-		FieldLabel,
-		FieldRadio,
-		FieldRadioGroup,
-		FieldRow,
-		FieldSelect,
-		FieldSet,
-		FieldSlider,
-		FieldSwitch,
-		FieldTextArea,
-		FieldToggle
+		Checkbox: FieldCheckbox,
+		Description: FieldDescription,
+		Errors: FieldErrors,
+		Input: FieldInput,
+		InputGroup: FieldInputGroup,
+		InputGroupInput: FieldInputGroupInput,
+		Label: FieldLabel,
+		Radio: FieldRadio,
+		RadioGroup: FieldRadioGroup,
+		Row: FieldRow,
+		Select: FieldSelect,
+		Set: FieldSet,
+		Slider: FieldSlider,
+		Switch: FieldSwitch,
+		TextArea: FieldTextArea,
+		Toggle: FieldToggle
 	},
 	fieldContext,
 	formComponents: {
-		FormErrors,
-		FormFooter,
-		FormReset,
-		FormSet,
-		FormSetContent,
-		FormSetHeading,
-		FormSubmit
+		Errors: FormErrors,
+		Footer: FormFooter,
+		Reset: FormReset,
+		Set: FormSet,
+		SetContent: FormSetContent,
+		SetHeading: FormSetHeading,
+		Submit: FormSubmit
 	},
 	formContext
 });
@@ -5991,6 +6044,66 @@ const Form = Object.assign(Form$1, {
 	Submit: FormSubmit
 });
 //#endregion
+//#region src/components/icon-container/icon-container.types.ts
+const iconContainerVariants = cva("flex shrink-0 items-center justify-center", {
+	compoundVariants: [
+		{
+			className: "rounded-xl",
+			shape: "square",
+			size: "small"
+		},
+		{
+			className: "rounded-2xl",
+			shape: "square",
+			size: "medium"
+		},
+		{
+			className: "rounded-3xl",
+			shape: "square",
+			size: "large"
+		}
+	],
+	defaultVariants: {
+		shape: "rounded",
+		size: "medium",
+		tone: "brand"
+	},
+	variants: {
+		shape: {
+			rounded: "rounded-full",
+			square: ""
+		},
+		size: {
+			large: "size-3xl [&>svg]:size-xl",
+			medium: "size-2xl [&>svg]:size-lg",
+			small: "size-xl [&>svg]:size-md"
+		},
+		tone: {
+			accent: "bg-accent-container-high text-accent-on-container",
+			brand: "bg-brand-container-high text-brand-on-container",
+			error: "bg-error-container-high text-error-on-container",
+			info: "bg-info-container-high text-info-on-container",
+			neutral: "bg-neutral-container-high text-neutral-on-container",
+			success: "bg-success-container-high text-success-on-container",
+			warning: "bg-warning-container-high text-warning-on-container"
+		}
+	}
+});
+//#endregion
+//#region src/components/icon-container/icon-container.tsx
+function IconContainer({ shape, size, tone, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(iconContainerVariants({
+			shape,
+			size,
+			tone
+		}), className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
 //#region src/components/input-otp/input-otp.tsx
 function InputOTP$1({ children, className, id, ref, ...props }) {
 	const generatedId = useId(), fieldId = id ?? generatedId;
@@ -6584,7 +6697,7 @@ function MenuGroupLabel({ className, ref, ...props }) {
 }
 //#endregion
 //#region src/components/menu/menu.types.ts
-const menuItemVariants = cva("relative z-0 flex h-lg cursor-default items-center px-xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
+const menuItemVariants = cva("relative z-0 flex cursor-default items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
 	defaultVariants: { tone: "neutral" },
 	variants: { tone: {
 		accent: "text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container",
@@ -6596,7 +6709,7 @@ const menuItemVariants = cva("relative z-0 flex h-lg cursor-default items-center
 		warning: "text-warning-default data-highlighted:text-warning-on-container data-highlighted:before:bg-warning-container"
 	} }
 });
-const menuSubmenuTriggerVariants = cva("relative z-0 grid h-lg cursor-default grid-cols-[1fr_2rem] items-center px-xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
+const menuSubmenuTriggerVariants = cva("relative z-0 grid cursor-default grid-cols-[1fr_2rem] items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
 	defaultVariants: { tone: "neutral" },
 	variants: { tone: {
 		accent: "text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container data-popup-open:text-accent-on-container data-popup-open:before:bg-accent-container data-highlighted:data-popup-open:before:bg-accent-container",
@@ -6633,7 +6746,7 @@ function MenuPopup({ className, children, ref, ...props }) {
 		sideOffset: 8,
 		...props,
 		children: /* @__PURE__ */ jsx(Menu$1.Popup, {
-			className: "z-99 min-w-[12rem] origin-(--transform-origin) translate-x-[-calc(var(--spacing-xl)/2)] rounded-lg bg-surface-2 px-3xs py-2xs shadow-md transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0",
+			className: "z-99 flex min-w-[12rem] origin-(--transform-origin) translate-x-[-calc(var(--spacing-xl)/2)] flex-col gap-3xs rounded-lg bg-surface-2 px-3xs py-2xs shadow-md transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0",
 			children
 		})
 	}) });
@@ -6954,17 +7067,17 @@ const navBarVariants = cva("flex h-fit items-center justify-between", {
 			variant: "floating"
 		},
 		{
-			className: "[&_[data-nav-bar-item]]:size-xl [&_[data-nav-bar-item]]:gap-3xs [&_[data-nav-bar-item]]:rounded-xl",
+			className: "[&_[data-nav-bar-item]]:max-w-2xl [&_[data-nav-bar-item]]:gap-3xs [&_[data-nav-bar-item]]:rounded-xl [&_[data-nav-bar-item]]:p-[min(var(--spacing-2xs),25%)]",
 			itemOrientation: "vertical",
 			size: "small"
 		},
 		{
-			className: "[&_[data-nav-bar-item]]:size-2xl [&_[data-nav-bar-item]]:gap-3xs [&_[data-nav-bar-item]]:rounded-2xl",
+			className: "[&_[data-nav-bar-item]]:max-w-3xl [&_[data-nav-bar-item]]:gap-3xs [&_[data-nav-bar-item]]:rounded-2xl [&_[data-nav-bar-item]]:p-[min(var(--spacing-sm),25%)]",
 			itemOrientation: "vertical",
 			size: "medium"
 		},
 		{
-			className: "[&_[data-nav-bar-item]]:size-3xl [&_[data-nav-bar-item]]:gap-2xs [&_[data-nav-bar-item]]:rounded-3xl",
+			className: "[&_[data-nav-bar-item]]:gap-2xs [&_[data-nav-bar-item]]:rounded-3xl [&_[data-nav-bar-item]]:p-[min(var(--spacing-md),25%)]",
 			itemOrientation: "vertical",
 			size: "large"
 		},
@@ -6992,7 +7105,7 @@ const navBarVariants = cva("flex h-fit items-center justify-between", {
 	variants: {
 		itemOrientation: {
 			horizontal: "[&_[data-nav-bar-item]]:flex-row",
-			vertical: "[&_[data-nav-bar-item]]:flex-col"
+			vertical: "grid auto-cols-fr grid-flow-col items-start justify-items-center [&_[data-nav-bar-item]]:min-h-0 [&_[data-nav-bar-item]]:w-full [&_[data-nav-bar-item]]:min-w-0 [&_[data-nav-bar-item]]:flex-col [&_[data-nav-bar-item]]:overflow-hidden [&_[data-nav-bar-item]_span]:max-w-full [&_[data-nav-bar-item]_span]:truncate"
 		},
 		size: {
 			large: "gap-sm p-md [&_span]:style-text-default-0 [&_svg]:size-lg",
@@ -7127,7 +7240,7 @@ const navigationMenuTriggerVariants = cva("flex items-center justify-center roun
 		}
 	}
 });
-const navigationMenuLinkVariants = cva("rounded-lg px-sm py-xs transition-colors hover:cursor-pointer", {
+const navigationMenuLinkVariants = cva("rounded-xl px-sm py-xs transition-colors hover:cursor-pointer", {
 	defaultVariants: { tone: "neutral" },
 	variants: { tone: {
 		accent: "text-accent-on-container hover:bg-accent-container",
@@ -7382,7 +7495,7 @@ function ProfileAction({ className, ref, ...props }) {
 //#region src/components/profile/profile-content.tsx
 function ProfileContent({ compact, className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col items-start justify-start gap-3xs", compact && "hidden", className),
+		className: cn("flex flex-col items-start justify-start", compact && "hidden", className),
 		ref,
 		...props
 	});
@@ -7480,7 +7593,7 @@ function ProgressIndicator({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative flex shrink-0 flex-col items-center",
 		children: [/* @__PURE__ */ jsx("div", {
-			className: cn("flex size-md shrink-0 flex-col items-center justify-center rounded-full border border-neutral-border bg-neutral-container text-center style-text-default--2 text-accent-default transition-colors ease-in-out [&_svg]:size-xs", className),
+			className: cn("flex size-md shrink-0 flex-col items-center justify-center rounded-full border border-neutral-border bg-neutral-container text-center font-body text-xs leading-none font-medium text-accent-default transition-colors ease-in-out [&_svg]:size-xs", className),
 			ref,
 			...props,
 			children: inner
@@ -7661,7 +7774,7 @@ function useMediaQuery(deviceName) {
 }
 //#endregion
 //#region src/hooks/theme/theme.constants.ts
-const THEME_STORAGE_KEY = "dawn-ui-theme";
+const THEME_STORAGE_KEY = "ixia-ui-theme";
 const DEFAULT_THEME = "light";
 const getThemeByValue = (value, themes) => themes.find((themeItem) => themeItem.value === value);
 //#endregion
@@ -7888,7 +8001,7 @@ function SidebarMenuButton({ isActive, className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"data-active": String(Boolean(isActive)),
-		className: cn("inline-flex cursor-pointer items-center gap-2xs rounded-xl border border-transparent style-text-default-0 whitespace-nowrap transition-all duration-200 ease-out select-none active:scale-95 disabled:pointer-events-none disabled:opacity-50 [&>svg]:shrink-0", isActive && "pointer-events-none bg-surface text-on-surface shadow-2xs", !isActive && "text-neutral-default hover:bg-neutral-container hover:text-neutral-on-container", isActive && !open && "bg-neutral-container", !(collapsible === "none" || open) && "mx-auto", !open && "size-xl justify-center *:hidden [&>svg]:block", open && "h-xl w-full pl-sm", collapsible !== "none" && open && "animate-in fade-in-0 slide-in-from-left-2", className),
+		className: cn("inline-flex cursor-pointer items-center gap-2xs rounded-full border border-transparent style-text-default-0 whitespace-nowrap transition-all duration-200 ease-out select-none active:scale-95 disabled:pointer-events-none disabled:opacity-50 [&>svg]:shrink-0", isActive && "pointer-events-none bg-surface text-on-surface shadow-2xs", !isActive && "text-neutral-default hover:bg-neutral-container hover:text-neutral-on-container", isActive && !open && "bg-neutral-container", !(collapsible === "none" || open) && "mx-auto", !open && "size-xl justify-center *:hidden [&>svg]:block", open && "h-xl w-full pl-sm", collapsible !== "none" && open && "animate-in fade-in-0 slide-in-from-left-2", className),
 		ref,
 		...props
 	});
@@ -8213,6 +8326,13 @@ const SliderGroup = Object.assign(SliderGroup$1, {
 });
 //#endregion
 //#region src/components/table/table.types.ts
+const tableContainerVariants = cva("group/table flex min-w-0 flex-col gap-md", {
+	defaultVariants: { variant: "outline" },
+	variants: { variant: {
+		ghost: "",
+		outline: "overflow-hidden rounded-2xl border border-border"
+	} }
+});
 const stringFilterOperators = [
 	"equals",
 	"notEquals",
@@ -8270,7 +8390,7 @@ function getColumnHeaderLabel(column) {
 function asFilterValue(value) {
 	return value;
 }
-const ZERO = 0;
+const ZERO$1 = 0;
 const FIRST_RANGE_INDEX$1 = 0;
 const SECOND_RANGE_INDEX = 1;
 const getDateTimestamp = (date) => Date.UTC(date.getFullYear(), date.getMonth(), date.getDate());
@@ -8287,8 +8407,8 @@ const parseToTimestamp = (value) => {
 const normalizeDataValue = (value) => {
 	if (value instanceof Date) return getDateTimestamp(value);
 	if (typeof value === "number") return getDateTimestamp(new Date(value));
-	if (typeof value === "string") return parseToTimestamp(value) ?? ZERO;
-	return ZERO;
+	if (typeof value === "string") return parseToTimestamp(value) ?? ZERO$1;
+	return ZERO$1;
 };
 const dateFilterFn = constructFilterFn({
 	autoRemove: (value) => !value || !value.date[FIRST_RANGE_INDEX$1] && !value.date[SECOND_RANGE_INDEX],
@@ -8371,6 +8491,25 @@ const features = tableFeatures({
 	columnMeta: metaHelper(),
 	columnSizingFeature,
 	columnVisibilityFeature,
+	datasetPlugin: {
+		constructTableAPIs: (table) => {
+			const options = table.options;
+			assignTableAPIs("datasetPlugin", table, { table_setCurrentDataset: { fn: (updater) => {
+				const safeUpdater = (old) => functionalUpdate(updater, old);
+				return options.onCurrentDatasetChange?.(safeUpdater);
+			} } });
+		},
+		getDefaultTableOptions: (table) => ({ onCurrentDatasetChange: makeStateUpdater("currentDataset", table) }),
+		getInitialState: (initialState) => ({
+			currentDataset: {
+				data: [],
+				id: "",
+				name: ""
+			},
+			datasets: [],
+			...initialState
+		})
+	},
 	facetedRowModel: createFacetedRowModel(),
 	facetedUniqueValues: createFacetedUniqueValues(),
 	filterFns: {
@@ -8442,6 +8581,21 @@ const features = tableFeatures({
 	}
 }), { tableContext, cellContext, headerContext, useTableContext: useTableContext$2, useCellContext: useCellContext$2, useHeaderContext: useHeaderContext$2 } = createTableHookContexts();
 //#endregion
+//#region src/components/table/table-avatar-cell.tsx
+function TableAvatarCell({ fallback, className, children, ref, ...props }) {
+	const value = useCellContext$2().getValue();
+	return /* @__PURE__ */ jsxs(Avatar, {
+		className: cn("", className),
+		ref,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Avatar.Image, { src: value }),
+			fallback && /* @__PURE__ */ jsx(Avatar.Fallback, { children: fallback }),
+			children
+		]
+	});
+}
+//#endregion
 //#region src/components/table/table-badge-cell.tsx
 function resolveTone(tone, value) {
 	if (typeof tone === "function") return tone(value);
@@ -8460,17 +8614,13 @@ function TableBadgeCell({ className, children, ref, tone, ...props }) {
 }
 //#endregion
 //#region src/components/table/table-body.tsx
-function getRowBackgroundColor(isSelected) {
-	if (isSelected) return "var(--color-neutral-container-high)";
-	return "transparent";
-}
 function TableBody({ showDivider = true, className, ref, ...props }) {
 	const table = useTableContext$2();
 	return /* @__PURE__ */ jsx(table.Subscribe, {
 		selector: (state) => state,
 		children: (state) => {
 			if (state.viewMode === "grid") return /* @__PURE__ */ jsx("ul", {
-				className: cn("grid auto-rows-fr grid-cols-[repeat(auto-fill,minmax(252px,1fr))] gap-sm overflow-y-auto", className),
+				className: cn("grid auto-rows-fr grid-cols-[repeat(auto-fill,minmax(252px,1fr))] gap-sm overflow-y-auto border-border group-data-[variant=outline]/table:border-y group-data-[variant=outline]/table:p-md", className),
 				children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx("li", {
 					className: "min-w-0",
 					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(table.AppCell, {
@@ -8483,16 +8633,16 @@ function TableBody({ showDivider = true, className, ref, ...props }) {
 				}, row.id))
 			});
 			return /* @__PURE__ */ jsx("tbody", {
-				className: cn(showDivider && "divide-y divide-border", "overflow-y-auto", className),
+				className: cn(showDivider && "divide-y divide-border", "overflow-y-auto border-border group-data-[variant=outline]/table:last:border-b", className),
 				ref,
 				...props,
 				children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx("tr", {
-					style: { backgroundColor: getRowBackgroundColor(row.getIsSelected()) },
+					className: cn(row.getIsSelected() && "bg-neutral-container-low"),
 					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(table.AppCell, {
 						cell,
 						children: (renderedCell) => /* @__PURE__ */ jsx("td", {
 							style: { width: renderedCell.column.getSize() },
-							className: cn("h-xl px-xs first:rounded-l-xl last:rounded-r-xl", className),
+							className: cn("h-2xl p-xs", className),
 							children: /* @__PURE__ */ jsx(table.FlexRender, { cell: renderedCell })
 						})
 					}, cell.id))
@@ -8502,24 +8652,70 @@ function TableBody({ showDivider = true, className, ref, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/table/table-boolean-cell.tsx
+function TableBooleanCell({ trueLabel = "Yes", falseLabel = "No", children, ...props }) {
+	const value = useCellContext$2().getValue();
+	if (value === void 0 || value === null) return;
+	return /* @__PURE__ */ jsxs("span", {
+		...props,
+		children: [
+			children,
+			value && trueLabel,
+			!value && falseLabel
+		]
+	});
+}
+//#endregion
+//#region src/components/table/table-bottom-bar.tsx
+function TableBottomBar({ sticky = false, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full flex-wrap items-center justify-between gap-md", "[:where([data-slot=table-container][data-variant=outline]>&)]:px-md [:where([data-slot=table-container][data-variant=outline]>&:first-child)]:pt-md [:where([data-slot=table-container][data-variant=outline]>&:last-child)]:pb-md", sticky && "sticky bottom-0 z-10 bg-inherit", className),
+		"data-slot": "table-bottom-bar",
+		ref,
+		...props
+	});
+}
+//#endregion
 //#region src/components/table/table-checkbox-cell.tsx
 function TableCheckboxCell({ className, ref, ...props }) {
 	const cell = useCellContext$2(), table = useTableContext$2(), { row } = cell;
 	return /* @__PURE__ */ jsx(table.Subscribe, {
 		selector: (state) => state.rowSelection,
 		children: () => /* @__PURE__ */ jsx(Checkbox, {
+			variant: "outline",
 			"aria-label": "Select row",
 			checked: row.getIsSelected() || row.getCanSelectSubRows() && row.getIsAllSubRowsSelected(),
 			disabled: !row.getCanSelect(),
 			indeterminate: row.getIsSomeSelected(),
 			onCheckedChange: (checked) => row.toggleSelected(checked),
-			className: cn("", className),
+			className: cn("mx-auto flex", className),
 			ref,
 			...props
 		})
 	});
 }
 //#endregion
+//#region src/components/table/table-checkbox-header.tsx
+function TableCheckboxHeader({ className, ref, ...props }) {
+	const table = useTableContext$2();
+	return /* @__PURE__ */ jsx(table.Subscribe, {
+		selector: (state) => state.rowSelection,
+		children: () => {
+			const allRowsSelected = table.getIsAllRowsSelected();
+			return /* @__PURE__ */ jsx(Checkbox, {
+				"aria-label": "Select all rows",
+				variant: "outline",
+				checked: allRowsSelected,
+				indeterminate: !allRowsSelected && table.getIsSomeRowsSelected(),
+				onCheckedChange: (checked) => table.toggleAllRowsSelected(checked),
+				className: cn("mx-auto flex", className),
+				ref,
+				...props
+			});
+		}
+	});
+}
+//#endregion
 //#region src/components/table/table-column-toggle.tsx
 function TableColumnToggle({ className, ref, ...props }) {
 	const table = useTableContext$2(), handleToggleColumn = (columnId) => {
@@ -8540,22 +8736,437 @@ function TableColumnToggle({ className, ref, ...props }) {
 }
 //#endregion
 //#region src/components/table/table-container.tsx
-function TableContainer({ className, ref, ...props }) {
+function TableContainer({ variant = "outline", className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col gap-xs", className),
+		"data-slot": "table-container",
+		"data-variant": variant,
+		className: cn(tableContainerVariants({ variant }), className),
 		ref,
 		...props
 	});
 }
 //#endregion
-//#region src/components/table/table-date-cell.tsx
-function TableDateCell({ className, children, ref, ...props }) {
-	const cell = useCellContext$2();
+//#region src/components/table/table-currency-cell.tsx
+function TableCurrencyCell({ currency, locale, options, children, ...props }) {
+	const value = useCellContext$2().getValue();
+	if (value === void 0 || value === null) return;
+	return /* @__PURE__ */ jsxs("span", {
+		...props,
+		children: [children, new Intl.NumberFormat(locale, {
+			...options,
+			currency,
+			style: "currency"
+		}).format(value)]
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/use-sync-external-store@1.7.0_react@19.3.1/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
+/**
+* @license React
+* use-sync-external-store-shim.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJSMin(((exports) => {
+	var React = __require("react");
+	function is(x, y) {
+		return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+	}
+	var objectIs = "function" === typeof Object.is ? Object.is : is;
+	var useState = React.useState;
+	var useEffect = React.useEffect;
+	var useLayoutEffect = React.useLayoutEffect;
+	var useDebugValue = React.useDebugValue;
+	function useSyncExternalStore$2(subscribe, getSnapshot) {
+		var value = getSnapshot(), _useState = useState({ inst: {
+			value,
+			getSnapshot
+		} }), inst = _useState[0].inst, forceUpdate = _useState[1];
+		useLayoutEffect(function() {
+			inst.value = value;
+			inst.getSnapshot = getSnapshot;
+			checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+		}, [
+			subscribe,
+			value,
+			getSnapshot
+		]);
+		useEffect(function() {
+			checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+			return subscribe(function() {
+				checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+			});
+		}, [subscribe]);
+		useDebugValue(value);
+		return value;
+	}
+	function checkIfSnapshotChanged(inst) {
+		var latestGetSnapshot = inst.getSnapshot;
+		inst = inst.value;
+		try {
+			var nextValue = latestGetSnapshot();
+			return !objectIs(inst, nextValue);
+		} catch (error) {
+			return !0;
+		}
+	}
+	function useSyncExternalStore$1(subscribe, getSnapshot) {
+		return getSnapshot();
+	}
+	var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+	exports.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+}));
+//#endregion
+//#region node_modules/.pnpm/use-sync-external-store@1.7.0_react@19.3.1/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
+/**
+* @license React
+* use-sync-external-store-shim.development.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJSMin(((exports) => {
+	"production" !== process.env.NODE_ENV && (function() {
+		function is(x, y) {
+			return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+		}
+		function useSyncExternalStore$2(subscribe, getSnapshot) {
+			didWarnOld18Alpha || void 0 === React.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			var value = getSnapshot();
+			if (!didWarnUncachedGetSnapshot) {
+				var cachedValue = getSnapshot();
+				objectIs(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
+			}
+			cachedValue = useState({ inst: {
+				value,
+				getSnapshot
+			} });
+			var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
+			useLayoutEffect(function() {
+				inst.value = value;
+				inst.getSnapshot = getSnapshot;
+				checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+			}, [
+				subscribe,
+				value,
+				getSnapshot
+			]);
+			useEffect(function() {
+				checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+				return subscribe(function() {
+					checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+				});
+			}, [subscribe]);
+			useDebugValue(value);
+			return value;
+		}
+		function checkIfSnapshotChanged(inst) {
+			var latestGetSnapshot = inst.getSnapshot;
+			inst = inst.value;
+			try {
+				var nextValue = latestGetSnapshot();
+				return !objectIs(inst, nextValue);
+			} catch (error) {
+				return !0;
+			}
+		}
+		function useSyncExternalStore$1(subscribe, getSnapshot) {
+			return getSnapshot();
+		}
+		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var React = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+		exports.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+}));
+//#endregion
+//#region node_modules/.pnpm/use-sync-external-store@1.7.0_react@19.3.1/node_modules/use-sync-external-store/shim/index.js
+var require_shim = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_use_sync_external_store_shim_production();
+	else module.exports = require_use_sync_external_store_shim_development();
+}));
+//#endregion
+//#region node_modules/.pnpm/use-sync-external-store@1.7.0_react@19.3.1/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.js
+/**
+* @license React
+* use-sync-external-store-shim/with-selector.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_with_selector_production = /* @__PURE__ */ __commonJSMin(((exports) => {
+	var React = __require("react");
+	var shim = require_shim();
+	function is(x, y) {
+		return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+	}
+	var objectIs = "function" === typeof Object.is ? Object.is : is;
+	var useSyncExternalStore = shim.useSyncExternalStore;
+	var useRef = React.useRef;
+	var useEffect = React.useEffect;
+	var useMemo = React.useMemo;
+	var useDebugValue = React.useDebugValue;
+	exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
+		var instRef = useRef(null);
+		if (null === instRef.current) {
+			var inst = {
+				hasValue: !1,
+				value: null
+			};
+			instRef.current = inst;
+		} else inst = instRef.current;
+		instRef = useMemo(function() {
+			function memoizedSelector(nextSnapshot) {
+				if (!hasMemo) {
+					hasMemo = !0;
+					memoizedSnapshot = nextSnapshot;
+					nextSnapshot = selector(nextSnapshot);
+					if (void 0 !== isEqual && inst.hasValue) {
+						var currentSelection = inst.value;
+						if (isEqual(currentSelection, nextSnapshot)) return memoizedSelection = currentSelection;
+					}
+					return memoizedSelection = nextSnapshot;
+				}
+				currentSelection = memoizedSelection;
+				if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
+				var nextSelection = selector(nextSnapshot);
+				if (void 0 !== isEqual && isEqual(currentSelection, nextSelection)) return memoizedSnapshot = nextSnapshot, currentSelection;
+				memoizedSnapshot = nextSnapshot;
+				return memoizedSelection = nextSelection;
+			}
+			var hasMemo = !1, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
+			return [function() {
+				return memoizedSelector(getSnapshot());
+			}, null === maybeGetServerSnapshot ? void 0 : function() {
+				return memoizedSelector(maybeGetServerSnapshot());
+			}];
+		}, [
+			getSnapshot,
+			getServerSnapshot,
+			selector,
+			isEqual
+		]);
+		var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
+		useEffect(function() {
+			inst.hasValue = !0;
+			inst.value = value;
+		}, [value]);
+		useDebugValue(value);
+		return value;
+	};
+}));
+//#endregion
+//#region node_modules/.pnpm/use-sync-external-store@1.7.0_react@19.3.1/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js
+/**
+* @license React
+* use-sync-external-store-shim/with-selector.development.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports) => {
+	"production" !== process.env.NODE_ENV && (function() {
+		function is(x, y) {
+			return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+		}
+		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var React = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef = React.useRef, useEffect = React.useEffect, useMemo = React.useMemo, useDebugValue = React.useDebugValue;
+		exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
+			var instRef = useRef(null);
+			if (null === instRef.current) {
+				var inst = {
+					hasValue: !1,
+					value: null
+				};
+				instRef.current = inst;
+			} else inst = instRef.current;
+			instRef = useMemo(function() {
+				function memoizedSelector(nextSnapshot) {
+					if (!hasMemo) {
+						hasMemo = !0;
+						memoizedSnapshot = nextSnapshot;
+						nextSnapshot = selector(nextSnapshot);
+						if (void 0 !== isEqual && inst.hasValue) {
+							var currentSelection = inst.value;
+							if (isEqual(currentSelection, nextSnapshot)) return memoizedSelection = currentSelection;
+						}
+						return memoizedSelection = nextSnapshot;
+					}
+					currentSelection = memoizedSelection;
+					if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
+					var nextSelection = selector(nextSnapshot);
+					if (void 0 !== isEqual && isEqual(currentSelection, nextSelection)) return memoizedSnapshot = nextSnapshot, currentSelection;
+					memoizedSnapshot = nextSnapshot;
+					return memoizedSelection = nextSelection;
+				}
+				var hasMemo = !1, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
+				return [function() {
+					return memoizedSelector(getSnapshot());
+				}, null === maybeGetServerSnapshot ? void 0 : function() {
+					return memoizedSelector(maybeGetServerSnapshot());
+				}];
+			}, [
+				getSnapshot,
+				getServerSnapshot,
+				selector,
+				isEqual
+			]);
+			var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
+			useEffect(function() {
+				inst.hasValue = !0;
+				inst.value = value;
+			}, [value]);
+			useDebugValue(value);
+			return value;
+		};
+		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+}));
+//#endregion
+//#region node_modules/.pnpm/@tanstack+react-store@0.11.2_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@tanstack/react-store/dist/useSelector.js
+var import_with_selector = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_with_selector_production();
+	else module.exports = require_with_selector_development();
+})))();
+function defaultCompare(a, b) {
+	return a === b;
+}
+/**
+* Selects a slice of state from an atom or store and subscribes the component
+* to that selection.
+*
+* This is the primary React read hook for TanStack Store. It works with any
+* source that exposes `get()` and `subscribe()`, including atoms, readonly
+* atoms, stores, and readonly stores.
+*
+* Omit the selector to subscribe to the whole value.
+*
+* @example
+* ```tsx
+* const count = useSelector(counterStore, (state) => state.count)
+* ```
+*
+* @example
+* ```tsx
+* const value = useSelector(countAtom)
+* ```
+*/
+function useSelector(source, selector = (s) => s, options) {
+	const compare = options?.compare ?? defaultCompare;
+	const subscribe = useCallback((handleStoreChange) => {
+		const { unsubscribe } = source.subscribe(handleStoreChange);
+		return unsubscribe;
+	}, [source]);
+	const getSnapshot = useCallback(() => source.get(), [source]);
+	return (0, import_with_selector.useSyncExternalStoreWithSelector)(subscribe, getSnapshot, getSnapshot, selector, compare);
+}
+//#endregion
+//#region src/components/table/table-dataset-tab.tsx
+function TableDatasetTab({ className, children, ref, ...props }) {
+	const table = useTableContext$2(), datasets = useSelector(table.atoms.datasets), currentDataset = useSelector(table.atoms.currentDataset), handleTabChange = (datasetId) => {
+		const dataset = datasets.find((candidate) => candidate.id === datasetId);
+		if (!dataset) return;
+		table.setCurrentDataset(dataset);
+	};
+	return /* @__PURE__ */ jsxs(Tabs$2, {
+		value: currentDataset.id,
+		onValueChange: handleTabChange,
+		className: cn("[[data-slot=table-container]>&]:-mb-md", className),
+		ref,
+		...props,
+		"data-slot": "table-dataset-tab",
+		children: [children, /* @__PURE__ */ jsx(TabsList, { children: datasets.map((dataset) => /* @__PURE__ */ jsx(TabsTab, {
+			value: dataset.id,
+			children: dataset.name
+		}, dataset.id)) })]
+	});
+}
+//#endregion
+//#region src/components/table/table-date-time-cell.tsx
+function TableDateTimeCell({ locale, options, className, children, ref, ...props }) {
+	const date = useCellContext$2().getValue();
+	if (!date) return;
+	if (Number.isNaN(date.getTime())) return "Invalid date";
 	return /* @__PURE__ */ jsxs("span", {
 		className: cn("", className),
 		ref,
 		...props,
-		children: [children, cell.getValue().toLocaleDateString()]
+		children: [children, formatDate(date, locale, options)]
+	});
+}
+//#endregion
+//#region src/components/table/table-empty.tsx
+const EMPTY_LIMIT = 0;
+function TableEmpty({ className, children, ref, ...props }) {
+	const table = useTableContext$2();
+	return /* @__PURE__ */ jsx(table.Subscribe, {
+		selector: (state) => state.globalFilter,
+		children: () => table.getFilteredRowModel().rows.length <= EMPTY_LIMIT && /* @__PURE__ */ jsx("div", {
+			"data-slot": "table-empty",
+			className: cn("flex w-full min-w-0 flex-col items-center justify-center gap-md px-md py-3xl text-center", className),
+			ref,
+			...props,
+			children
+		})
+	});
+}
+//#endregion
+//#region src/components/table/table-empty-content.tsx
+function TableEmptyContent({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full max-w-[28rem] min-w-0 flex-col items-center gap-2xs", className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/components/table/table-empty-description.tsx
+function TableEmptyDescription({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("block max-w-[28rem] style-text-default--1 text-pretty wrap-break-word text-on-surface-variant", className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/components/table/table-empty-footer.tsx
+function TableEmptyFooter({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full flex-wrap items-center justify-center gap-xs", className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/components/table/table-empty-header.tsx
+function TableEmptyHeader({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full max-w-[28rem] flex-col items-center gap-sm", className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/components/table/table-empty-title.tsx
+function TableEmptyTitle({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("block style-text-strong-1 text-balance text-on-surface", className),
+		ref,
+		...props,
+		children
 	});
 }
 //#endregion
@@ -8595,28 +9206,28 @@ function TableDateFilterForm({ column, className, children, ref, ...props }) {
 		...props,
 		children: /* @__PURE__ */ jsxs(form.AppForm, { children: [
 			children,
-			/* @__PURE__ */ jsx(form.FormErrors, {}),
-			/* @__PURE__ */ jsx(form.FormSet, { children: /* @__PURE__ */ jsx(form.FormSetHeading, { children: /* @__PURE__ */ jsx(form.FormSetContent, { children: /* @__PURE__ */ jsx(Field, { children: /* @__PURE__ */ jsx(form.AppField, {
+			/* @__PURE__ */ jsx(form.Errors, {}),
+			/* @__PURE__ */ jsx(form.Set, { children: /* @__PURE__ */ jsx(form.SetHeading, { children: /* @__PURE__ */ jsx(form.SetContent, { children: /* @__PURE__ */ jsx(Field, { children: /* @__PURE__ */ jsx(form.AppField, {
 				name: "filterOperator",
-				children: (field) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(field.FieldErrors, {}), /* @__PURE__ */ jsx(field.FieldRadioGroup, { children: dateFilterOperators.map((operator) => /* @__PURE__ */ jsxs(field.FieldSet, { children: [/* @__PURE__ */ jsx(Radio, {
+				children: (field) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(field.Errors, {}), /* @__PURE__ */ jsx(field.RadioGroup, { children: dateFilterOperators.map((operator) => /* @__PURE__ */ jsxs(field.Set, { children: [/* @__PURE__ */ jsx(Radio, {
 					value: operator,
 					variant: "inSurface",
 					children: filterOperatorLabels?.[operator] ?? defaultFilterOperatorLabels[operator]
 				}), field.state.value === operator && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(form.AppField, {
 					name: "filterValueFrom",
-					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.FieldErrors, {}), /* @__PURE__ */ jsx(valueField.FieldInput, {
+					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.Errors, {}), /* @__PURE__ */ jsx(valueField.Input, {
 						type: "date",
 						variant: "secondary"
 					})] })
 				}), operator === "between" && /* @__PURE__ */ jsx(form.AppField, {
 					name: "filterValueTo",
-					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.FieldErrors, {}), /* @__PURE__ */ jsx(valueField.FieldInput, {
+					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.Errors, {}), /* @__PURE__ */ jsx(valueField.Input, {
 						type: "date",
 						variant: "secondary"
 					})] })
 				})] })] }, operator)) })] })
 			}) }) }) }) }),
-			/* @__PURE__ */ jsxs(form.FormFooter, { children: [/* @__PURE__ */ jsx(form.FormReset, { children: buttonLabels.reset }), /* @__PURE__ */ jsx(form.FormSubmit, { children: buttonLabels.apply })] })
+			/* @__PURE__ */ jsxs(form.Footer, { children: [/* @__PURE__ */ jsx(form.Reset, { children: buttonLabels.reset }), /* @__PURE__ */ jsx(form.Submit, { children: buttonLabels.apply })] })
 		] })
 	});
 }
@@ -8694,30 +9305,30 @@ function TableNumberFilterForm({ column, className, children, ref, ...props }) {
 		...props,
 		children: /* @__PURE__ */ jsxs(form.AppForm, { children: [
 			children,
-			/* @__PURE__ */ jsx(form.FormErrors, {}),
-			/* @__PURE__ */ jsx(form.FormSet, { children: /* @__PURE__ */ jsx(form.FormSetContent, { children: /* @__PURE__ */ jsx(form.AppField, {
+			/* @__PURE__ */ jsx(form.Errors, {}),
+			/* @__PURE__ */ jsx(form.Set, { children: /* @__PURE__ */ jsx(form.SetContent, { children: /* @__PURE__ */ jsx(form.AppField, {
 				name: "filterOperator",
-				children: (field) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(field.FieldErrors, {}), /* @__PURE__ */ jsx(field.FieldRadioGroup, { children: numberFilterOperators.map((operator) => /* @__PURE__ */ jsxs(field.FieldSet, { children: [/* @__PURE__ */ jsx(Radio, {
+				children: (field) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(field.Errors, {}), /* @__PURE__ */ jsx(field.RadioGroup, { children: numberFilterOperators.map((operator) => /* @__PURE__ */ jsxs(field.Set, { children: [/* @__PURE__ */ jsx(Radio, {
 					value: operator,
 					variant: "inSurface",
 					children: filterOperatorLabels?.[operator] ?? defaultFilterOperatorLabels[operator]
 				}), field.state.value === operator && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(form.AppField, {
 					name: "filterValueFrom",
-					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.FieldErrors, {}), /* @__PURE__ */ jsx(valueField.FieldInput, {
+					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.Errors, {}), /* @__PURE__ */ jsx(valueField.Input, {
 						"aria-label": `${column.id} filter value`,
 						type: "number",
 						variant: "secondary"
 					})] })
 				}), operator === "between" && /* @__PURE__ */ jsx(form.AppField, {
 					name: "filterValueTo",
-					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.FieldErrors, {}), /* @__PURE__ */ jsx(valueField.FieldInput, {
+					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.Errors, {}), /* @__PURE__ */ jsx(valueField.Input, {
 						"aria-label": `${column.id} maximum filter value`,
 						type: "number",
 						variant: "secondary"
 					})] })
 				})] })] }, operator)) })] })
 			}) }) }),
-			/* @__PURE__ */ jsxs(form.FormFooter, { children: [/* @__PURE__ */ jsx(form.FormReset, { children: buttonLabels.reset }), /* @__PURE__ */ jsx(form.FormSubmit, { children: buttonLabels.apply })] })
+			/* @__PURE__ */ jsxs(form.Footer, { children: [/* @__PURE__ */ jsx(form.Reset, { children: buttonLabels.reset }), /* @__PURE__ */ jsx(form.Submit, { children: buttonLabels.apply })] })
 		] })
 	});
 }
@@ -8829,7 +9440,6 @@ function TableSelectFilterChip({ column, className, children, ref, ...props }) {
 		ref,
 		...props,
 		children: /* @__PURE__ */ jsxs(Button, {
-			tone: "neutral",
 			size: "extraSmall",
 			variant: "soft",
 			children: [
@@ -8881,22 +9491,22 @@ function TableStringFilterForm({ column, className, children, ref, ...props }) {
 		...props,
 		children: /* @__PURE__ */ jsxs(form.AppForm, { children: [
 			children,
-			/* @__PURE__ */ jsx(form.FormErrors, {}),
-			/* @__PURE__ */ jsx(form.FormSet, { children: /* @__PURE__ */ jsx(form.FormSetContent, { children: /* @__PURE__ */ jsx(form.AppField, {
+			/* @__PURE__ */ jsx(form.Errors, {}),
+			/* @__PURE__ */ jsx(form.Set, { children: /* @__PURE__ */ jsx(form.SetContent, { children: /* @__PURE__ */ jsx(form.AppField, {
 				name: "filterOperator",
-				children: (field) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(field.FieldErrors, {}), /* @__PURE__ */ jsx(field.FieldRadioGroup, { children: stringFilterOperators.map((operator) => /* @__PURE__ */ jsxs(field.FieldSet, { children: [/* @__PURE__ */ jsx(Radio, {
+				children: (field) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(field.Errors, {}), /* @__PURE__ */ jsx(field.RadioGroup, { children: stringFilterOperators.map((operator) => /* @__PURE__ */ jsxs(field.Set, { children: [/* @__PURE__ */ jsx(Radio, {
 					value: operator,
 					variant: "inSurface",
 					children: filterOperatorLabels?.[operator] ?? defaultFilterOperatorLabels[operator]
 				}), field.state.value === operator && /* @__PURE__ */ jsx(form.AppField, {
 					name: "filterValue",
-					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.FieldErrors, {}), /* @__PURE__ */ jsx(valueField.FieldInput, {
+					children: (valueField) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(valueField.Errors, {}), /* @__PURE__ */ jsx(valueField.Input, {
 						"aria-label": `${column.id} filter value`,
 						variant: "secondary"
 					})] })
 				})] }, operator)) })] })
 			}) }) }),
-			/* @__PURE__ */ jsxs(form.FormFooter, { children: [/* @__PURE__ */ jsx(form.FormReset, { children: buttonLabels.reset }), /* @__PURE__ */ jsx(form.FormSubmit, { children: buttonLabels.apply })] })
+			/* @__PURE__ */ jsxs(form.Footer, { children: [/* @__PURE__ */ jsx(form.Reset, { children: buttonLabels.reset }), /* @__PURE__ */ jsx(form.Submit, { children: buttonLabels.apply })] })
 		] })
 	});
 }
@@ -8967,7 +9577,7 @@ function TableFilterMenu({ className, ref, ...props }) {
 			children: table.getAllColumns().filter((column) => column.getCanFilter()).map((column) => {
 				const { filterVariant } = column.columnDef.meta ?? {};
 				return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-					nativeButton: false,
+					nativeButton: true,
 					children: /* @__PURE__ */ jsx(MenuItem, {
 						closeOnClick: false,
 						children: getColumnHeaderLabel(column)
@@ -9004,8 +9614,9 @@ function TableFirstPage({ className, children, ref, ...props }) {
 		disabled: !table.getCanPreviousPage(),
 		onClick: handleClick,
 		ref,
-		variant: "ghost",
+		variant: "outline",
 		tone: "neutral",
+		size: "iconMedium",
 		...props,
 		children: [children, /* @__PURE__ */ jsx(CaretLineLeftIcon, { weight: "bold" })]
 	});
@@ -9015,13 +9626,14 @@ function TableFirstPage({ className, children, ref, ...props }) {
 function TableFooter({ className, children, ref, ...props }) {
 	const table = useTableContext$2();
 	return /* @__PURE__ */ jsxs("tfoot", {
-		className: cn("", className),
+		className: cn("border-t border-border bg-neutral-container-low", className),
 		ref,
 		...props,
 		children: [children, table.getFooterGroups().map((footerGroup) => /* @__PURE__ */ jsx("tr", { children: footerGroup.headers.map((header) => /* @__PURE__ */ jsx(table.AppFooter, {
 			header,
 			children: (footer) => /* @__PURE__ */ jsx("td", {
 				style: { width: footer.getSize() },
+				className: "p-xs",
 				colSpan: footer.colSpan,
 				children: /* @__PURE__ */ jsx(table.FlexRender, { footer })
 			})
@@ -9037,7 +9649,7 @@ function TableHeader({ className, children, ref, ...props }) {
 		children: (state) => {
 			if (state.viewMode === "grid") return;
 			return /* @__PURE__ */ jsxs("thead", {
-				className: cn("bg-neutral-container"),
+				className: cn("border-border bg-neutral-container-low group-data-[variant=outline]/table:border-b", className),
 				ref,
 				...props,
 				children: [children, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(table.AppHeader, {
@@ -9047,11 +9659,11 @@ function TableHeader({ className, children, ref, ...props }) {
 						const sorting = renderHeader.column.getIsSorted();
 						return /* @__PURE__ */ jsx("th", {
 							style: { width: renderHeader.getSize() },
-							className: cn("container p-xs text-left style-text-default-0 text-neutral-on-container-muted transition-colors first:rounded-l-xl last:rounded-r-xl", renderHeader.column.getCanSort() && "hover:cursor-pointer hover:bg-neutral-container-high hover:*:text-neutral-on-container", renderHeader.isPlaceholder && "cursor-default", className),
+							className: cn("container p-xs text-left style-text-default-0 text-neutral-on-container-muted transition-colors group-data-[variant=ghost]/table:first:rounded-l-xl group-data-[variant=ghost]/table:last:rounded-r-xl", renderHeader.column.getCanSort() && "hover:cursor-pointer hover:bg-neutral-container hover:*:text-neutral-on-container", renderHeader.isPlaceholder && "cursor-default", renderHeader.column.getIsSorted() && "text-brand-on-container!", className),
 							colSpan: renderHeader.colSpan,
 							onClick: renderHeader.column.getToggleSortingHandler(),
 							children: !renderHeader.isPlaceholder && /* @__PURE__ */ jsxs("div", {
-								className: cn("flex items-center justify-between gap-2xs whitespace-nowrap [&_svg]:size-sm", renderHeader.column.getCanSort() && "select-none hover:cursor-pointer"),
+								className: cn("flex items-center gap-2xs whitespace-nowrap has-[[role=checkbox]]:justify-center [&_svg]:size-sm", renderHeader.column.getCanSort() && "select-none hover:cursor-pointer"),
 								children: [
 									/* @__PURE__ */ jsx("div", {
 										className: "flex items-center gap-2xs",
@@ -9094,22 +9706,37 @@ function TableLastPage({ className, children, ref, ...props }) {
 		disabled: !table.getCanNextPage(),
 		onClick: handleClick,
 		ref,
-		variant: "ghost",
+		variant: "outline",
 		tone: "neutral",
+		size: "iconMedium",
 		...props,
 		children: [children, /* @__PURE__ */ jsx(CaretLineRightIcon, { weight: "bold" })]
 	});
 }
 //#endregion
-//#region src/components/table/table-nav.tsx
-function TableNav({ sticky = false, className, ref, ...props }) {
+//#region src/components/table/table-layout.tsx
+function TableLayout({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex w-full items-center justify-between gap-md", sticky && "sticky bottom-0 z-10 bg-inherit", className),
+		"data-slot": "table-layout",
+		className: cn("flex min-w-0 flex-col gap-md", className),
 		ref,
 		...props
 	});
 }
 //#endregion
+//#region src/components/table/table-link-cell.tsx
+function TableLinkCell({ className, children, ref, ...props }) {
+	const value = useCellContext$2().getValue();
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "link",
+		type: "button",
+		className: cn("", className),
+		ref,
+		...props,
+		children: children ?? value
+	});
+}
+//#endregion
 //#region src/components/table/table-next-page.tsx
 function TableNextPage({ className, children, ref, ...props }) {
 	const table = useTableContext$2(), handleClick = () => {
@@ -9121,7 +9748,8 @@ function TableNextPage({ className, children, ref, ...props }) {
 		disabled: !table.getCanNextPage(),
 		onClick: handleClick,
 		ref,
-		variant: "ghost",
+		size: "iconMedium",
+		variant: "outline",
 		tone: "neutral",
 		...props,
 		children: [children, /* @__PURE__ */ jsx(CaretRightIcon, { weight: "bold" })]
@@ -9170,9 +9798,13 @@ function getTrailingPageIndexes(minimumPages, maximumPages, totalPages) {
 	for (let pageIndex = totalPages - maximumPages; pageIndex < totalPages; pageIndex += PAGE_INDEX_INCREMENT) if (pageIndex >= minimumPages) pageIndexes.push(pageIndex);
 	return pageIndexes;
 }
+function getPageButtonTone(pageIndex, selectedPageIndex) {
+	if (pageIndex === selectedPageIndex) return "brand";
+	return "neutral";
+}
 function getPageButtonVariant(pageIndex, selectedPageIndex) {
 	if (pageIndex === selectedPageIndex) return "fill";
-	return "ghost";
+	return "outline";
 }
 function TablePaging({ min = DEFAULT_VISIBLE_START_PAGES, max = DEFAULT_VISIBLE_END_PAGES, className, children, ref, ...props }) {
 	const table = useTableContext$2(), handleClick = (pageIndex) => {
@@ -9183,14 +9815,13 @@ function TablePaging({ min = DEFAULT_VISIBLE_START_PAGES, max = DEFAULT_VISIBLE_
 		children: (pagination) => {
 			const totalPages = table.getPageCount(), leadingPageIndexes = getLeadingPageIndexes(min, totalPages), overflowPageIndexes = getOverflowPageIndexes(min, max, totalPages), trailingPageIndexes = getTrailingPageIndexes(min, max, totalPages);
 			return /* @__PURE__ */ jsxs("div", {
-				className: cn("flex items-center gap-3xs", className),
+				className: cn("flex items-center gap-2xs", className),
 				ref,
 				...props,
 				children: [
 					children,
 					leadingPageIndexes.map((pageIndex) => /* @__PURE__ */ jsx(Button, {
-						tone: "neutral",
-						size: "iconMedium",
+						tone: getPageButtonTone(pageIndex, pagination.pageIndex),
 						variant: getPageButtonVariant(pageIndex, pagination.pageIndex),
 						className: "shrink-0",
 						onClick: () => handleClick(pageIndex),
@@ -9200,7 +9831,7 @@ function TablePaging({ min = DEFAULT_VISIBLE_START_PAGES, max = DEFAULT_VISIBLE_
 						"aria-label": "Show more pages",
 						tone: "neutral",
 						size: "iconMedium",
-						variant: "ghost",
+						variant: "outline",
 						className: "shrink-0",
 						children: /* @__PURE__ */ jsx(DotsThreeIcon, { weight: "bold" })
 					}) }), /* @__PURE__ */ jsx(MenuPopup, {
@@ -9218,8 +9849,7 @@ function TablePaging({ min = DEFAULT_VISIBLE_START_PAGES, max = DEFAULT_VISIBLE_
 						})
 					})] }),
 					trailingPageIndexes.map((pageIndex) => /* @__PURE__ */ jsx(Button, {
-						tone: "neutral",
-						size: "iconMedium",
+						tone: getPageButtonTone(pageIndex, pagination.pageIndex),
 						variant: getPageButtonVariant(pageIndex, pagination.pageIndex),
 						className: "shrink-0",
 						onClick: () => handleClick(pageIndex),
@@ -9231,6 +9861,19 @@ function TablePaging({ min = DEFAULT_VISIBLE_START_PAGES, max = DEFAULT_VISIBLE_
 	});
 }
 //#endregion
+//#region src/components/table/table-percent-cell.tsx
+function TablePercentCell({ locale, options, children, ...props }) {
+	const value = useCellContext$2().getValue();
+	if (value === void 0 || value === null) return;
+	return /* @__PURE__ */ jsxs("span", {
+		...props,
+		children: [children, new Intl.NumberFormat(locale, {
+			...options,
+			style: "percent"
+		}).format(value)]
+	});
+}
+//#endregion
 //#region src/components/table/table-previous-page.tsx
 function TablePreviousPage({ className, children, ref, ...props }) {
 	const table = useTableContext$2(), handleClick = () => {
@@ -9242,13 +9885,88 @@ function TablePreviousPage({ className, children, ref, ...props }) {
 		disabled: !table.getCanPreviousPage(),
 		onClick: handleClick,
 		ref,
-		variant: "ghost",
+		variant: "outline",
 		tone: "neutral",
+		size: "iconMedium",
 		...props,
 		children: [children, /* @__PURE__ */ jsx(CaretLeftIcon, { weight: "bold" })]
 	});
 }
 //#endregion
+//#region src/components/table/table-progress-cell.tsx
+function TableProgressCell({ showValue = true, children, ...props }) {
+	const value = useCellContext$2().getValue();
+	if (value === void 0 || value === null) return;
+	return /* @__PURE__ */ jsxs(Meter, {
+		orientation: "horizontal",
+		"aria-label": "Progress",
+		...props,
+		value,
+		children: [
+			/* @__PURE__ */ jsx(Meter.Track, { children: /* @__PURE__ */ jsx(Meter.Indicator, {}) }),
+			showValue && /* @__PURE__ */ jsx(Meter.Value, {}),
+			children
+		]
+	});
+}
+//#endregion
+//#region src/components/table/table-relative-time-cell.tsx
+const MILLISECONDS_PER_SECOND = 1e3;
+const ZERO = 0;
+const SECONDS_PER_SECOND = 1;
+const RELATIVE_TIME_UNITS = [
+	["year", 31536e3],
+	["month", 2592e3],
+	["week", 604800],
+	["day", 86400],
+	["hour", 3600],
+	["minute", 60],
+	["second", SECONDS_PER_SECOND]
+];
+function formatRelativeTime(date, now, { locale, options }) {
+	const seconds = (date.getTime() - now.getTime()) / MILLISECONDS_PER_SECOND, [unit, divisor] = RELATIVE_TIME_UNITS.find(([, duration]) => Math.abs(seconds) >= duration) ?? ["second", SECONDS_PER_SECOND], amount = Math.round(seconds / divisor) || ZERO;
+	return new Intl.RelativeTimeFormat(locale, {
+		numeric: "auto",
+		...options
+	}).format(amount, unit);
+}
+function TableRelativeTimeCell({ locale, options, now, children, ...props }) {
+	const date = useCellContext$2().getValue(), [mountedAt] = useState(() => /* @__PURE__ */ new Date()), referenceDate = now ?? mountedAt;
+	if (!date) return;
+	if (Number.isNaN(date.getTime())) return "Invalid date";
+	if (Number.isNaN(referenceDate.getTime())) throw new RangeError("TableRelativeTimeCell requires a valid now date");
+	return /* @__PURE__ */ jsxs("time", {
+		dateTime: date.toISOString(),
+		title: date.toLocaleString(locale),
+		...props,
+		children: [children, formatRelativeTime(date, referenceDate, {
+			locale,
+			options
+		})]
+	});
+}
+//#endregion
+//#region src/components/table/table-results.tsx
+const EMPTY_ROW_COUNT = 0;
+const PAGE_NUMBER_OFFSET = 1;
+function getPageStart(totalRows, pageIndex, pageSize) {
+	if (totalRows === EMPTY_ROW_COUNT) return EMPTY_ROW_COUNT;
+	return pageIndex * pageSize + PAGE_NUMBER_OFFSET;
+}
+function getPageEnd(start, pageSize, totalRows) {
+	if (totalRows === EMPTY_ROW_COUNT) return EMPTY_ROW_COUNT;
+	return Math.min(start + pageSize - PAGE_NUMBER_OFFSET, totalRows);
+}
+function TableResults({ children, className, ref, ...props }) {
+	const table = useTableContext$2(), { pageIndex } = table.state.pagination, { pageSize } = table.state.pagination, totalRows = table.getFilteredRowModel().rows.length, start = getPageStart(totalRows, pageIndex, pageSize), end = getPageEnd(start, pageSize, totalRows);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-2xs style-text-default--1 text-on-surface-variant", className),
+		ref,
+		...props,
+		children: children(start, end, totalRows)
+	});
+}
+//#endregion
 //#region src/components/table/table-search.tsx
 function TableSearch({ className, ref, ...props }) {
 	const table = useTableContext$2(), handleChange = (event) => {
@@ -9256,33 +9974,17 @@ function TableSearch({ className, ref, ...props }) {
 	};
 	return /* @__PURE__ */ jsx(table.Subscribe, {
 		selector: (state) => state.globalFilter,
-		children: (globalFilter) => /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { weight: "bold" }) }), /* @__PURE__ */ jsx(InputGroupInput, {
-			className: cn("", className),
-			onChange: handleChange,
-			ref,
-			value: globalFilter ?? "",
-			...props
-		})] })
-	});
-}
-//#endregion
-//#region src/components/table/table-select-header.tsx
-function TableSelectHeader({ className, ref, ...props }) {
-	const table = useTableContext$2();
-	return /* @__PURE__ */ jsx(table.Subscribe, {
-		selector: (state) => state.rowSelection,
-		children: () => {
-			const allRowsSelected = table.getIsAllRowsSelected();
-			return /* @__PURE__ */ jsx(Checkbox, {
-				"aria-label": "Select all rows",
-				checked: allRowsSelected,
-				indeterminate: !allRowsSelected && table.getIsSomeRowsSelected(),
-				onCheckedChange: (checked) => table.toggleAllRowsSelected(checked),
+		children: (globalFilter) => /* @__PURE__ */ jsxs(InputGroup, {
+			variant: props.variant ?? "outline",
+			className: "flex-1",
+			children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { weight: "bold" }) }), /* @__PURE__ */ jsx(InputGroupInput, {
 				className: cn("", className),
+				onChange: handleChange,
 				ref,
+				value: globalFilter ?? "",
 				...props
-			});
-		}
+			})]
+		})
 	});
 }
 //#endregion
@@ -9319,27 +10021,33 @@ function TableSortMenu({ className, ref, ...props }) {
 //#endregion
 //#region src/components/table/table-sort-chip.tsx
 function TableSortChip({ column, className, children, ref, ...props }) {
-	const table = useTableContext$2(), columnSort = column.getIsSorted(), buttonLabels = table.options.meta?.translations?.buttonLabels ?? {}, ascendingLabel = buttonLabels.ascending ?? "Ascending", descendingLabel = buttonLabels.descending ?? "Descending";
-	if (!columnSort) return;
-	return /* @__PURE__ */ jsx(TableSortMenu, {
-		className: cn("", className),
-		ref,
-		...props,
-		children: /* @__PURE__ */ jsxs(Button, {
-			tone: "neutral",
-			size: "extraSmall",
-			variant: "soft",
-			children: [
-				columnSort === "asc" && /* @__PURE__ */ jsx(SortDescendingIcon, {}),
-				columnSort === "desc" && /* @__PURE__ */ jsx(SortAscendingIcon, {}),
-				/* @__PURE__ */ jsx("span", { children: getColumnHeaderLabel(column) }),
-				/* @__PURE__ */ jsxs("span", {
-					className: "font-light lowercase",
-					children: [columnSort === "asc" && ascendingLabel, columnSort === "desc" && descendingLabel]
-				}),
-				children
-			]
-		})
+	const table = useTableContext$2(), buttonLabels = table.options.meta?.translations?.buttonLabels ?? {}, ascendingLabel = buttonLabels.ascending ?? "Ascending", descendingLabel = buttonLabels.descending ?? "Descending";
+	return /* @__PURE__ */ jsx(table.Subscribe, {
+		selector: (state) => state.sorting,
+		children: () => {
+			const columnSort = column.getIsSorted();
+			console.log(columnSort);
+			if (!columnSort) return;
+			return /* @__PURE__ */ jsx(TableSortMenu, {
+				className: cn("", className),
+				ref,
+				...props,
+				children: /* @__PURE__ */ jsxs(Button, {
+					size: "extraSmall",
+					variant: "soft",
+					children: [
+						columnSort === "asc" && /* @__PURE__ */ jsx(SortDescendingIcon, {}),
+						columnSort === "desc" && /* @__PURE__ */ jsx(SortAscendingIcon, {}),
+						/* @__PURE__ */ jsx("span", { children: getColumnHeaderLabel(column) }),
+						/* @__PURE__ */ jsxs("span", {
+							className: "font-light lowercase",
+							children: [columnSort === "asc" && ascendingLabel, columnSort === "desc" && descendingLabel]
+						}),
+						children
+					]
+				})
+			});
+		}
 	});
 }
 //#endregion
@@ -9361,6 +10069,21 @@ function TableSortList({ className, children, ref, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/table/table-tags-cell.tsx
+function TableTagsCell({ badgeProps, className, children, ...props }) {
+	const value = useCellContext$2().getValue();
+	if (value === void 0 || value === null) return;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-wrap gap-3xs", className),
+		...props,
+		children: [children, value.map((tag, index) => /* @__PURE__ */ jsx(Badge, {
+			variant: "soft",
+			...badgeProps,
+			children: tag
+		}, `${index}-${tag}`))]
+	});
+}
+//#endregion
 //#region src/components/table/table-text-cell.tsx
 function TableTextCell({ className, children, ref, ...props }) {
 	const cell = useCellContext$2();
@@ -9373,9 +10096,21 @@ function TableTextCell({ className, children, ref, ...props }) {
 }
 //#endregion
 //#region src/components/table/table-toolbar.tsx
-function TableToolbar({ sticky = false, className, ref, ...props }) {
+function TableToolbar({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center gap-3xs", sticky && "sticky top-0 z-10", className),
+		"data-slot": "table-toolbar",
+		className: cn("flex w-full min-w-0 flex-wrap items-center gap-2xs", "[:where([data-slot=table-container][data-variant=outline]>&)]:px-md [:where([data-slot=table-container][data-variant=outline]>&:first-child)]:pt-md [:where([data-slot=table-container][data-variant=outline]>&:last-child)]:pb-md", className),
+		ref,
+		...props
+	});
+}
+//#endregion
+//#region src/components/table/table-top-bar.tsx
+function TableTopBar({ sticky = false, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex min-w-0 flex-col gap-md", "[:where([data-slot=table-container][data-variant=outline]>&)]:px-md [:where([data-slot=table-container][data-variant=outline]>&:first-child)]:pt-md [:where([data-slot=table-container][data-variant=outline]>&:last-child)]:pb-md", sticky && "sticky top-0 z-10", className),
+		"data-table-top-bar": "",
+		"data-slot": "table-top-bar",
 		ref,
 		...props
 	});
@@ -9396,15 +10131,17 @@ function TableViewModeToggle({ className, children, ref, ...props }) {
 }
 //#endregion
 //#region src/components/table/table-viewport.tsx
-function TableViewport({ className, children, ref, ...props }) {
+function TableViewport({ grow, className, children, ref, ...props }) {
 	if (useTableContext$2().state.viewMode === "grid") return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-viewport",
 		className: cn("size-full", className),
 		ref,
 		...props,
 		children
 	});
 	return /* @__PURE__ */ jsx("table", {
-		className: cn("size-full", className),
+		"data-slot": "table-viewport",
+		className: cn(grow ? "size-full" : "h-auto w-full", "[[data-slot=table-container][data-variant=outline]>&:not(:first-child):not([data-slot=table-dataset-tab]+&)>thead]:border-t [[data-slot=table-container][data-variant=outline]>&:not(:first-child):not([data-slot=table-dataset-tab]+&)>thead]:border-border", className),
 		ref,
 		...props,
 		children
@@ -9414,12 +10151,20 @@ function TableViewport({ className, children, ref, ...props }) {
 //#region src/components/table/table-context.tsx
 const { createAppColumnHelper, useAppTable, useTableContext: useTableContext$1, useCellContext, useHeaderContext } = createTableHook({
 	cellComponents: {
-		TableBadgeCell,
-		TableCheckboxCell,
-		TableDateCell,
-		TableImageCell,
-		TableNumberCell,
-		TableTextCell
+		AvatarCell: TableAvatarCell,
+		BadgeCell: TableBadgeCell,
+		BooleanCell: TableBooleanCell,
+		CheckboxCell: TableCheckboxCell,
+		CurrencyCell: TableCurrencyCell,
+		DateTimeCell: TableDateTimeCell,
+		ImageCell: TableImageCell,
+		LinkCell: TableLinkCell,
+		NumberCell: TableNumberCell,
+		PercentCell: TablePercentCell,
+		ProgressCell: TableProgressCell,
+		RelativeTimeCell: TableRelativeTimeCell,
+		TagsCell: TableTagsCell,
+		TextCell: TableTextCell
 	},
 	cellContext,
 	features,
@@ -9428,49 +10173,43 @@ const { createAppColumnHelper, useAppTable, useTableContext: useTableContext$1,
 		if (parent) return `${parent.id}.${index}`;
 		return String(index);
 	},
-	headerComponents: { TableSelectHeader },
+	headerComponents: { TableCheckboxHeader },
 	headerContext,
 	tableComponents: {
-		TableBody,
-		TableColumnToggle,
-		TableContainer,
-		TableFilterList,
-		TableFilterMenu,
-		TableFirstPage,
-		TableFooter,
-		TableHeader,
-		TableLastPage,
-		TableNav,
-		TableNextPage,
-		TablePagination,
-		TablePaging,
-		TablePreviousPage,
-		TableSearch,
-		TableSortList,
-		TableSortMenu,
-		TableToolbar,
-		TableViewModeToggle,
-		TableViewport
+		Body: TableBody,
+		BottomBar: TableBottomBar,
+		ColumnToggle: TableColumnToggle,
+		Container: TableContainer,
+		DatasetTab: TableDatasetTab,
+		Empty: TableEmpty,
+		EmptyContent: TableEmptyContent,
+		EmptyDescription: TableEmptyDescription,
+		EmptyFooter: TableEmptyFooter,
+		EmptyHeader: TableEmptyHeader,
+		EmptyTitle: TableEmptyTitle,
+		FilterList: TableFilterList,
+		FilterMenu: TableFilterMenu,
+		FirstPage: TableFirstPage,
+		Footer: TableFooter,
+		Header: TableHeader,
+		LastPage: TableLastPage,
+		Layout: TableLayout,
+		NextPage: TableNextPage,
+		Pagination: TablePagination,
+		Paging: TablePaging,
+		PreviousPage: TablePreviousPage,
+		Results: TableResults,
+		Search: TableSearch,
+		SortList: TableSortList,
+		SortMenu: TableSortMenu,
+		Toolbar: TableToolbar,
+		TopBar: TableTopBar,
+		ViewModeToggle: TableViewModeToggle,
+		Viewport: TableViewport
 	},
 	tableContext
 });
 //#endregion
-//#region src/components/table/table-results.tsx
-const EMPTY_ROW_COUNT = 0;
-const PAGE_NUMBER_OFFSET = 1;
-function getPageStart(totalRows, pageIndex, pageSize) {
-	if (totalRows === EMPTY_ROW_COUNT) return EMPTY_ROW_COUNT;
-	return pageIndex * pageSize + PAGE_NUMBER_OFFSET;
-}
-function getPageEnd(start, pageSize, totalRows) {
-	if (totalRows === EMPTY_ROW_COUNT) return EMPTY_ROW_COUNT;
-	return Math.min(start + pageSize - PAGE_NUMBER_OFFSET, totalRows);
-}
-function TableResults({ children }) {
-	const table = useTableContext$2(), { pageIndex } = table.state.pagination, { pageSize } = table.state.pagination, totalRows = table.getFilteredRowModel().rows.length, start = getPageStart(totalRows, pageIndex, pageSize);
-	return children(start, getPageEnd(start, pageSize, totalRows), totalRows);
-}
-//#endregion
 //#region src/components/toast/anchored-toast-item.tsx
 function AnchoredToastItem({ className, ref, toast, ...props }) {
 	return /* @__PURE__ */ jsxs(Toast$1.Root, {
@@ -9576,7 +10315,7 @@ function StackToastItem({ className, ref, toast, ...props }) {
 			className: cn("flex aspect-square size-2xl items-center justify-center [&>svg]:size-lg [&>svg]:text-on-surface-inverse", getVariantBgColor(variant)),
 			children: getVariantIcon(variant, icon)
 		}), /* @__PURE__ */ jsxs(Toast$1.Content, {
-			className: "flex items-center justify-center gap-xs overflow-hidden pl-2xs transition-opacity duration-250 data-behind:pointer-events-none data-behind:opacity-0 data-expanded:pointer-events-auto data-expanded:opacity-100",
+			className: "flex items-center justify-center gap-3xs overflow-hidden pl-2xs transition-opacity duration-250 data-behind:pointer-events-none data-behind:opacity-0 data-expanded:pointer-events-auto data-expanded:opacity-100",
 			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Toast$1.Title, { className: "style-text-strong--1" }), /* @__PURE__ */ jsx(Toast$1.Description, { className: "style-text-prose--1 whitespace-nowrap text-on-surface-variant" })] }), /* @__PURE__ */ jsxs("div", {
 				className: "ml-xl flex h-lg grow items-center justify-center gap-xs",
 				children: [
@@ -9727,6 +10466,6 @@ function ToggleGroup({ size = "medium", variant, className, ref, ...props }) {
 	});
 }
 //#endregion
-export { Accordion, AccordionHeader, AccordionIcon, AccordionItem, AccordionPanel, AccordionSubtitle, AccordionTitle, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogClose, AlertDialogConfirm, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogIcon, AlertDialogPopup, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AnchoredToastItem, AnchoredToasts, Autocomplete, AutocompleteCollection, AutocompleteContent, AutocompleteGridContent, AutocompleteGridItem, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInputGroup, AutocompleteInputGroupAddon, AutocompleteInputGroupInput, AutocompleteItem, AutocompleteRow, AutocompleteStatus, AutocompleteTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarImage, Badge, BentoBox, BentoBoxAction, BentoBoxContent, BentoBoxDescription, BentoBoxFooter, BentoBoxHeader, BentoBoxTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, Button, ButtonGroup, Calendar, CalendarFooter, CalendarHeader, CalendarPanel, CalendarPicker, CalendarSummary, ChartContainer, ChartContainerContext, ChartLegend, ChartLegendContent, ChartLegendIcon, ChartLegendIndicator, ChartLegendLabel, ChartLinearGradient, ChartTooltip, ChartTooltipContent, ChartTooltipIcon, ChartTooltipIndicator, ChartTooltipLabel, ChartTooltipName, ChartTooltipPayload, ChartTooltipValue, Checkbox, CheckboxGroup, CheckboxIndicator, CodeBlock, CodeBlockActions, CodeBlockCopy, CodeBlockDownload, CodeBlockHeader, CodeBlockName, CodeBlockSelect, CodeBlockTabs, CodeBlockWindow, Collapsible, CollapsiblePanel, CollapsibleTrigger, ColorChannelSlider, ColorPicker, ColorPickerArea, ColorPickerGroup, ColorPickerHueSlider, ColorPickerInput, ColorPickerLabel, ColorPickerLightnessSlider, ColorPickerPaletteLimit, ColorPickerPaletteList, ColorPickerPaletteSwatch, ColorPickerRow, ColorPickerTransparencySlider, ColorPickerValueType, Combobox, ComboboxChip, ComboboxChips, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxStatus, ComboboxTrigger, ComboboxValue, ComboboxVirtualizedList, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, DEFAULT_THEME, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHelper, DialogIcon, DialogPopup, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerHeader, DrawerPopup, DrawerProvider, DrawerTitle, DrawerTrigger, Dropzone, DropzoneActions, DropzoneClear, DropzoneConfirm, DropzoneContainer, DropzoneError, DropzoneFilesList as DropzoneFileList, DropzoneFileSizeLimit, DropzoneFiles, DropzoneFilesHeader, DropzoneFilesTitle, DropzoneFormats, DropzoneHeading, DropzoneIcon, DropzoneInfo, DropzoneSubtitle, DropzoneTrigger, Field, FieldCheckbox, FieldDescription, FieldErrors, FieldInput, FieldInputGroup, FieldInputGroupInput, FieldLabel, FieldRadio, FieldRadioGroup, FieldRow, FieldSelect, FieldSet, FieldSlider, FieldSwitch, FieldTextArea, FieldToggle, Form, FormErrors, FormFooter, FormReset, FormSet, FormSetContent, FormSetHeading, FormSubmit, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupSeparator, InputOTP, InputOTPSlot, InputOtpSeparator, Kbd, KbdGroup, Label, LayerTree, LayerTreeBody, LayerTreeExpandAll, LayerTreeFooter, LayerTreeIconCell, LayerTreeLockedAll, LayerTreeLockedCell, LayerTreeNodeIcon, LayerTreeRow, LayerTreeSearch, LayerTreeSort, LayerTreeTextCell, LayerTreeTriggerCell, LayerTreeVisibilityAll, LayerTreeVisibilityCell, Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Meter, MeterFooter, MeterHeader, MeterIndicator, MeterLabel, MeterSubtitle, MeterTrack, MeterValue, NavBar, NavBarItem, NavBarItemIcon, NavBarItemLabel, NavigationMenu, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuTrigger, NumberField, Popover, PopoverButton, PopoverContent, PopoverDescription, PopoverHeader, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCard, PreviewCardPopup, PreviewCardTrigger, Profile, ProfileAction, ProfileContent, ProfileName, ProfileSubname, Progress, ProgressBar, ProgressDescription, ProgressIndicator, ProgressLabel, ProgressTitle, RadarPing, Radio, RadioGroup, ResizeableHandle, ResizeablePanel, ResizeablePanelGroup, ScrollArea, Select, SelectDescription, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectList, SelectPopup, SelectTitle, SelectTrigger, SelectValue, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuCollapsible, SidebarMenuCollapsiblePanel, SidebarMenuCollapsibleTrigger, SidebarMenuItem, SidebarProvider, SidebarToggle, Skeleton, Slider, SliderDescription, SliderGroup, SliderGroupSlider, SliderIcon, SliderInput, SliderLabel, SliderThumb, SliderValue, StackToastItem, StackToasts, Switch, THEME_STORAGE_KEY, TableBadgeCell, TableBody, TableColumnToggle, TableContainer, TableDateFilterChip, TableDateFilterForm, TableFilterList, TableFilterMenu, TableFirstPage, TableFooter, TableHeader, TableImageCell, TableLastPage, TableNav, TableNextPage, TableNumberCell, TableNumberFilterChip, TableNumberFilterForm, TablePagination, TablePaging, TablePreviousPage, TableResults, TableSearch, TableCheckboxCell as TableSelectCell, TableSelectFilterChip, TableSelectFilterForm, TableSelectHeader, TableSortChip, TableSortList, TableSortMenu, TableStringFilterChip, TableStringFilterForm, TableTextCell, TableToolbar, TableViewport, Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab, TextArea, ThemeProvider, Toast, ToastProvider, Toggle, ToggleGroup, Tooltip, TooltipContent, TooltipTrigger, anchoredToastManager, cn, createAppColumnHelper, createAppColumnHelper$1 as createLayerTreeColumnHelper, dateFilterFn, defaultFilterOperatorLabels, features, fieldContext, findLayerTreeNode, formContext, formatDate, getPayloadConfigFromPayload, getStoredSidebarOpen, getThemeByValue, insertLayerTreeNode, features$1 as layerTreeFeatures, moveLayerTreeNode, moveLayerTreeNodeToRoot, numberFilterFn, popoverHandle, removeLayerTreeNode, rowLockedFeature, rowVisibilityFeature, selectFilterFn, stackToastManager, stringFilterFn, useAppForm, useAppTable, useCellContext, useChart, useChartTooltipContent, useChartTooltipPayload, useFieldContext, useFilter, useFilteredItems, useFormContext, useHeaderContext, useLayerTree, useCellContext$1 as useLayerTreeCellContext, useTableContext as useLayerTreeContext, useHeaderContext$1 as useLayerTreeHeaderContext, useAppTable$1 as useLayerTreeTable, useMediaQuery, useSidebar, useSliderGroupContext, useTableContext$1 as useTableContext, useTheme, useToastManager, useTypedAppFormContext, withFieldGroup, withForm };
+export { Accordion, AccordionHeader, AccordionIcon, AccordionItem, AccordionPanel, AccordionSubtitle, AccordionTitle, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogClose, AlertDialogConfirm, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogIcon, AlertDialogPopup, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AnchoredToastItem, AnchoredToasts, Autocomplete, AutocompleteCollection, AutocompleteContent, AutocompleteGridContent, AutocompleteGridItem, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInputGroup, AutocompleteInputGroupAddon, AutocompleteInputGroupInput, AutocompleteItem, AutocompleteRow, AutocompleteStatus, AutocompleteTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarImage, Badge, BentoBox, BentoBoxAction, BentoBoxContent, BentoBoxDescription, BentoBoxFooter, BentoBoxHeader, BentoBoxTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, Button, ButtonGroup, Calendar, CalendarFooter, CalendarHeader, CalendarPanel, CalendarPicker, CalendarSummary, ChartContainer, ChartContainerContext, ChartLegend, ChartLegendContent, ChartLegendIcon, ChartLegendIndicator, ChartLegendLabel, ChartLinearGradient, ChartTooltip, ChartTooltipContent, ChartTooltipIcon, ChartTooltipIndicator, ChartTooltipLabel, ChartTooltipName, ChartTooltipPayload, ChartTooltipValue, Checkbox, CheckboxGroup, CheckboxIndicator, CodeBlock, CodeBlockActions, CodeBlockCopy, CodeBlockDownload, CodeBlockHeader, CodeBlockName, CodeBlockSelect, CodeBlockTabs, CodeBlockWindow, Collapsible, CollapsiblePanel, CollapsibleTrigger, ColorChannelSlider, ColorPicker, ColorPickerArea, ColorPickerGroup, ColorPickerHueSlider, ColorPickerInput, ColorPickerLabel, ColorPickerLightnessSlider, ColorPickerPaletteLimit, ColorPickerPaletteList, ColorPickerPaletteSwatch, ColorPickerRow, ColorPickerTransparencySlider, ColorPickerValueType, Combobox, ComboboxChip, ComboboxChips, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxStatus, ComboboxTrigger, ComboboxValue, ComboboxVirtualizedList, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, DEFAULT_THEME, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHelper, DialogIcon, DialogPopup, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerHeader, DrawerPopup, DrawerProvider, DrawerTitle, DrawerTrigger, Dropzone, DropzoneActions, DropzoneClear, DropzoneConfirm, DropzoneContainer, DropzoneError, DropzoneFilesList as DropzoneFileList, DropzoneFileSizeLimit, DropzoneFiles, DropzoneFilesHeader, DropzoneFilesTitle, DropzoneFormats, DropzoneHeading, DropzoneIcon, DropzoneInfo, DropzoneSubtitle, DropzoneTrigger, Field, FieldCheckbox, FieldDescription, FieldErrors, FieldInput, FieldInputGroup, FieldInputGroupInput, FieldLabel, FieldRadio, FieldRadioGroup, FieldRow, FieldSelect, FieldSet, FieldSlider, FieldSwitch, FieldTextArea, FieldToggle, Form, FormErrors, FormFooter, FormReset, FormSet, FormSetContent, FormSetHeading, FormSubmit, IconContainer, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupSeparator, InputOTP, InputOTPSlot, InputOtpSeparator, Kbd, KbdGroup, Label, LayerTree, LayerTreeBody, LayerTreeExpandAll, LayerTreeFooter, LayerTreeIconCell, LayerTreeLockedAll, LayerTreeLockedCell, LayerTreeNodeIcon, LayerTreeRow, LayerTreeSearch, LayerTreeSort, LayerTreeTextCell, LayerTreeTriggerCell, LayerTreeVisibilityAll, LayerTreeVisibilityCell, Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Meter, MeterFooter, MeterHeader, MeterIndicator, MeterLabel, MeterSubtitle, MeterTrack, MeterValue, NavBar, NavBarItem, NavBarItemIcon, NavBarItemLabel, NavigationMenu, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuTrigger, NumberField, Popover, PopoverButton, PopoverContent, PopoverDescription, PopoverHeader, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCard, PreviewCardPopup, PreviewCardTrigger, Profile, ProfileAction, ProfileContent, ProfileName, ProfileSubname, Progress, ProgressBar, ProgressDescription, ProgressIndicator, ProgressLabel, ProgressTitle, RadarPing, Radio, RadioGroup, ResizeableHandle, ResizeablePanel, ResizeablePanelGroup, ScrollArea, Select, SelectDescription, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectList, SelectPopup, SelectTitle, SelectTrigger, SelectValue, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuCollapsible, SidebarMenuCollapsiblePanel, SidebarMenuCollapsibleTrigger, SidebarMenuItem, SidebarProvider, SidebarToggle, Skeleton, Slider, SliderDescription, SliderGroup, SliderGroupSlider, SliderIcon, SliderInput, SliderLabel, SliderThumb, SliderValue, StackToastItem, StackToasts, Switch, THEME_STORAGE_KEY, TableAvatarCell, TableBadgeCell, TableBody, TableBooleanCell, TableBottomBar, TableCheckboxCell, TableCheckboxHeader, TableColumnToggle, TableContainer, TableCurrencyCell, TableDateFilterChip, TableDateFilterForm, TableEmpty as TableEmptyMessage, TableFilterList, TableFilterMenu, TableFirstPage, TableFooter, TableHeader, TableImageCell, TableLastPage, TableLayout, TableLinkCell, TableNextPage, TableNumberCell, TableNumberFilterChip, TableNumberFilterForm, TablePagination, TablePaging, TablePercentCell, TablePreviousPage, TableProgressCell, TableRelativeTimeCell, TableResults, TableSearch, TableSelectFilterChip, TableSelectFilterForm, TableSortChip, TableSortList, TableSortMenu, TableStringFilterChip, TableStringFilterForm, TableTagsCell, TableTextCell, TableToolbar, TableTopBar, TableViewModeToggle, TableViewport, Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab, TextArea, ThemeProvider, Toast, ToastProvider, Toggle, ToggleGroup, Tooltip, TooltipContent, TooltipTrigger, anchoredToastManager, cn, createAppColumnHelper, createAppColumnHelper$1 as createLayerTreeColumnHelper, dateFilterFn, defaultFilterOperatorLabels, features, fieldContext, findLayerTreeNode, formContext, formatDate, getPayloadConfigFromPayload, getStoredSidebarOpen, getThemeByValue, insertLayerTreeNode, features$1 as layerTreeFeatures, moveLayerTreeNode, moveLayerTreeNodeToRoot, numberFilterFn, popoverHandle, removeLayerTreeNode, rowLockedFeature, rowVisibilityFeature, selectFilterFn, stackToastManager, stringFilterFn, useAppForm, useAppTable, useCellContext, useChart, useChartTooltipContent, useChartTooltipPayload, useFieldContext, useFilter, useFilteredItems, useFormContext, useHeaderContext, useLayerTree, useCellContext$1 as useLayerTreeCellContext, useTableContext as useLayerTreeContext, useHeaderContext$1 as useLayerTreeHeaderContext, useAppTable$1 as useLayerTreeTable, useMediaQuery, useSidebar, useSliderGroupContext, useTableContext$1 as useTableContext, useTheme, useToastManager, useTypedAppFormContext, withFieldGroup, withForm };
 
 //# sourceMappingURL=index.mjs.map