ixia-ui-react 1.4.6 → 1.5.0

package/dist/index.js

@@ -3,9 +3,9 @@ import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import { cva } from "class-variance-authority";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { Children, Fragment as Fragment$1, createContext, createElement, isValidElement, useContext, useEffect, useId, useRef, useState } from "react";
 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, Fragment as Fragment$1, createContext, createElement, isValidElement, 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 { DayButton, DayPicker, getDefaultClassNames, isDateRange, labelDayButton } from "@daypicker/react";
@@ -105,25 +105,124 @@ function Accordion$2({ withSeparator = true, variant, className, ref, ...props }
 	});
 }
 //#endregion
+//#region src/utils/date-time.ts
+const formatDate = (date, locale, options) => new Intl.DateTimeFormat(locale, options).format(date);
+//#endregion
+//#region src/components/icon/default-icons.ts
+/** Phosphor icons used when the consumer does not supply their own. */
+const defaultIcons = {
+	add: PlusIcon,
+	chevronDown: CaretDownIcon,
+	chevronLeft: CaretLeftIcon,
+	chevronRight: CaretRightIcon,
+	chevronUp: CaretUpIcon,
+	chevronsUpDown: CaretUpDownIcon,
+	close: XIcon,
+	columnFilter: FunnelSimpleIcon,
+	copy: CopyIcon,
+	delete: TrashIcon,
+	download: DownloadIcon,
+	ellipsis: DotsThreeIcon,
+	error: WarningCircleIcon,
+	fieldError: XCircleIcon,
+	fileUpload: FileArrowUpIcon,
+	filter: FunnelIcon,
+	firstPage: CaretLineLeftIcon,
+	folder: FolderIcon,
+	folderExpandAll: FolderSimpleIcon,
+	folderOpen: FolderOpenIcon,
+	hidden: EyeClosedIcon,
+	info: InfoIcon,
+	lastPage: CaretLineRightIcon,
+	locked: LockSimpleIcon,
+	minus: MinusIcon,
+	percent: PercentIcon,
+	search: MagnifyingGlassIcon,
+	selected: CheckIcon,
+	sort: ArrowsDownUpIcon,
+	sortAscending: SortAscendingIcon,
+	sortDescending: SortDescendingIcon,
+	spinner: CircleNotchIcon,
+	success: CheckCircleIcon,
+	unlocked: LockSimpleOpenIcon,
+	upload: UploadIcon,
+	visible: EyeIcon,
+	warning: WarningIcon
+};
+//#endregion
+//#region src/components/icon/icon-context.ts
+const IconContext = React.createContext({ icons: {} });
+//#endregion
+//#region src/components/icon/icon.tsx
+function Icon({ name, weight, ...props }) {
+	const context = React.useContext(IconContext), Custom = context.icons[name], Default = defaultIcons[name];
+	if (Custom) return /* @__PURE__ */ jsx(Custom, {
+		"aria-hidden": "true",
+		...props
+	});
+	return /* @__PURE__ */ jsx(Default, {
+		"aria-hidden": "true",
+		weight: weight ?? context.weight,
+		...props
+	});
+}
+//#endregion
+//#region src/components/icon/icon-provider.tsx
+/**
+* Replaces the default Phosphor icons and sets their weight for every library component below it.
+* Providers can be nested; inner providers override only the icon names and weight they set.
+*/
+function IconProvider({ icons, weight, children }) {
+	const parent = React.useContext(IconContext), value = React.useMemo(() => ({
+		icons: {
+			...parent.icons,
+			...icons
+		},
+		weight: weight ?? parent.weight
+	}), [
+		parent,
+		icons,
+		weight
+	]);
+	return /* @__PURE__ */ jsx(IconContext, {
+		value,
+		children
+	});
+}
+//#endregion
+//#region src/components/accordion/accordion-expand-icon.tsx
+function AccordionExpandIcon({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ml-auto shrink-0 text-on-surface-variant transition-transform duration-200 ease-out group-data-panel-open:rotate-180", className),
+		ref,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "chevronDown" })
+	});
+}
+//#endregion
 //#region src/components/accordion/accordion-header.tsx
 function AccordionHeader({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Accordion$1.Header, {
 		className: cn("", className),
 		ref,
 		...props,
-		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+		children: /* @__PURE__ */ jsx(Accordion$1.Trigger, {
 			className: cn("group flex min-h-2xl w-full items-center justify-between gap-sm py-sm pr-sm pl-md hover:cursor-pointer"),
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "grid auto-rows-min items-center gap-x-sm has-data-[slot=accordion-icon]:grid-cols-[auto_1fr] has-data-[slot=accordion-subtitle]:grid-rows-[auto_auto] has-data-[slot=accordion-subtitle]:**:data-[slot=accordion-icon]:row-span-2",
-				children
-			}), /* @__PURE__ */ jsx(CaretDownIcon, {
-				className: "ml-auto shrink-0 text-on-surface-variant transition-transform duration-200 ease-out group-data-panel-open:rotate-180",
-				weight: "bold"
-			})]
+			children
 		})
 	});
 }
 //#endregion
+//#region src/components/accordion/accordion-header-content.tsx
+function AccordionHeaderContent({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid auto-rows-min items-center gap-x-sm has-data-[slot=accordion-icon]:grid-cols-[auto_1fr] has-data-[slot=accordion-subtitle]:grid-rows-[auto_auto] has-data-[slot=accordion-subtitle]:**:data-[slot=accordion-icon]:row-span-2", className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
 //#region src/components/accordion/accordion-icon.tsx
 function AccordionIcon({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -183,7 +282,9 @@ function AccordionTitle({ className, ref, ...props }) {
 //#endregion
 //#region src/components/accordion/index.ts
 const Accordion = Object.assign(Accordion$2, {
+	ExpandIcon: AccordionExpandIcon,
 	Header: AccordionHeader,
+	HeaderContent: AccordionHeaderContent,
 	Icon: AccordionIcon,
 	Item: AccordionItem,
 	Panel: AccordionPanel,
@@ -1262,11 +1363,11 @@ function Breadcrumb$1({ className, ref, ...props }) {
 //#endregion
 //#region src/components/breadcrumb/breadcrumb-ellipsis.tsx
 function BreadcrumbEllipsis({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex size-md items-center justify-center rounded-full text-on-surface-variant transition-all hover:cursor-pointer hover:bg-neutral-container hover:text-neutral-on-container active:scale-[0.98] active:bg-neutral-container disabled:opacity-50 [&>svg]:size-sm", className),
 		ref,
 		...props,
-		children: [children, /* @__PURE__ */ jsx(DotsThreeIcon, { weight: "bold" })]
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "ellipsis" })
 	});
 }
 //#endregion
@@ -1289,12 +1390,12 @@ function BreadcrumbLink({ className, ref, ...props }) {
 }
 //#endregion
 //#region src/components/breadcrumb/breadcrumb-separator.tsx
-function BreadcrumbSeparator({ className, ref, ...props }) {
+function BreadcrumbSeparator({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("text-on-surface-variant [&>svg]:size-xs", className),
 		ref,
 		...props,
-		children: /* @__PURE__ */ jsx(CaretRightIcon, { weight: "bold" })
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "chevronRight" })
 	});
 }
 //#endregion
@@ -1564,48 +1665,16 @@ function Calendar$1({ defaultState, children }) {
 	});
 }
 //#endregion
-//#region src/components/calendar/calendar-footer.tsx
-function CalendarFooter({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "calendar-footer",
-		className: cn("mt-xs flex flex-col gap-3xs border-t border-border pt-xs", className),
-		ref,
-		...props,
-		children
-	});
-}
-//#endregion
-//#region src/components/calendar/calendar-header.tsx
-function CalendarHeader({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("", className),
-		ref,
-		...props,
-		children
-	});
-}
-//#endregion
-//#region src/components/calendar/calendar.types.ts
-const calendarPanelVariants = cva("w-fit", {
-	compoundVariants: [{
-		className: "rounded-2xl p-sm",
-		variant: ["elevated", "outline"]
-	}],
-	defaultVariants: { variant: "elevated" },
-	variants: { variant: {
-		elevated: "bg-surface shadow-2xs",
-		ghost: "bg-transparent",
-		outline: "border border-border"
-	} }
-});
-//#endregion
-//#region src/components/calendar/calendar-panel.tsx
-function CalendarPanel({ variant, className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(calendarPanelVariants({ variant }), className),
-		ref,
+//#region src/components/calendar/calendar-day-button.tsx
+function CalendarDayButton({ className, modifiers, ...props }) {
+	return /* @__PURE__ */ jsx(DayButton, {
 		...props,
-		children
+		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)
 	});
 }
 //#endregion
@@ -1662,7 +1731,7 @@ function SelectItem({ className, children, ref, ...props }) {
 			children
 		}), /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
 			className: "place-self-end self-center [&>svg]:size-sm",
-			children: /* @__PURE__ */ jsx(CheckIcon, { weight: "bold" })
+			children: /* @__PURE__ */ jsx(Icon, { name: "selected" })
 		})]
 	});
 }
@@ -1687,17 +1756,17 @@ function SelectPopup({ className, children, ref, ...props }) {
 			children: [
 				/* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
 					className: "top-0 right-0 z-[1px] flex h-md w-full cursor-default items-center justify-center rounded-xl bg-surface-2 before:absolute before:left-0 before:size-full before:content-[''] data-[side=none]:before:-top-full",
-					children: /* @__PURE__ */ jsx(CaretUpIcon, {
-						className: "size-sm",
-						weight: "fill"
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "chevronUp",
+						className: "size-sm"
 					})
 				}),
 				children,
 				/* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
 					className: "right-0 bottom-0 z-[1px] flex h-md w-full cursor-default items-center justify-center rounded-xl bg-surface-2 before:absolute before:left-0 before:size-full before:content-[''] data-[side=none]:before:-bottom-full",
-					children: /* @__PURE__ */ jsx(CaretDownIcon, {
-						className: "size-sm",
-						weight: "fill"
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "chevronDown",
+						className: "size-sm"
 					})
 				})
 			]
@@ -1771,25 +1840,14 @@ const Select = Object.assign(Select$2, {
 	Value: SelectValue
 });
 //#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)
-	});
-}
+//#region src/components/calendar/calendar-dropdown.tsx
 function createSelectTarget(value) {
 	const element = document.createElement("select"), option = Object.assign(document.createElement("option"), { value });
 	element.append(option);
 	element.value = value;
 	return element;
 }
-function CalendarDropdown({ options, onChange, value, "aria-label": ariaLabel }) {
+function CalendarDropdown({ children, className, disabled, value, options, onChange, "aria-label": ariaLabel }) {
 	const handleValueChange = (newValue) => {
 		if (onChange) {
 			const element = createSelectTarget(newValue ?? "");
@@ -1813,12 +1871,14 @@ function CalendarDropdown({ options, onChange, value, "aria-label": ariaLabel })
 		}
 	};
 	return /* @__PURE__ */ jsxs(Select, {
+		disabled,
 		value: value?.toString(),
 		onValueChange: handleValueChange,
 		children: [/* @__PURE__ */ jsxs(SelectTrigger, {
 			variant: "ghost",
 			"aria-label": ariaLabel,
-			children: [/* @__PURE__ */ jsx(SelectValue, { children: options?.find((option) => option.value === value)?.label }), /* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(CaretUpDownIcon, { weight: "bold" }) })]
+			className: cn("", className),
+			children: [/* @__PURE__ */ jsx(SelectValue, { children: options?.find((option) => option.value === value)?.label }), children ?? /* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(Icon, { name: "chevronsUpDown" }) })]
 		}), /* @__PURE__ */ jsx(SelectPopup, { children: /* @__PURE__ */ jsx(SelectList, { children: options?.map((option) => /* @__PURE__ */ jsx(SelectItem, {
 			value: option.value.toString(),
 			disabled: option.disabled,
@@ -1826,30 +1886,88 @@ function CalendarDropdown({ options, onChange, value, "aria-label": ariaLabel })
 		}, option.value)) }) })]
 	});
 }
-function CalendarNextMonthButton({ onClick, disabled, ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
+//#endregion
+//#region src/components/calendar/calendar-footer.tsx
+function CalendarFooter({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "calendar-footer",
+		className: cn("mt-xs flex flex-col gap-3xs border-t border-border pt-xs", className),
+		ref,
 		...props,
+		children
+	});
+}
+//#endregion
+//#region src/components/calendar/calendar-header.tsx
+function CalendarHeader({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("", className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/components/calendar/calendar-next-month-button.tsx
+function CalendarNextMonthButton({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
 		variant: "ghost",
 		tone: "neutral",
-		size: "medium",
-		className: cn("hover:bg-neutral-container-high hover:text-neutral-on-container"),
-		onClick,
-		disabled,
-		children: /* @__PURE__ */ jsx(CaretRightIcon, { weight: "bold" })
+		size: "small",
+		className: cn("", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "chevronRight" })
 	});
 }
-function CalendarPreviousMonthButton({ onClick, disabled, ...props }) {
+//#endregion
+//#region src/components/calendar/calendar.types.ts
+const calendarPanelVariants = cva("w-fit", {
+	compoundVariants: [{
+		className: "rounded-2xl p-sm",
+		variant: ["elevated", "outline"]
+	}],
+	defaultVariants: { variant: "elevated" },
+	variants: { variant: {
+		elevated: "bg-surface shadow-2xs",
+		ghost: "bg-transparent",
+		outline: "border border-border"
+	} }
+});
+//#endregion
+//#region src/components/calendar/calendar-panel.tsx
+function CalendarPanel({ variant, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(calendarPanelVariants({ variant }), className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/components/calendar/calendar-chevron.tsx
+const chevronIcons = {
+	down: "chevronDown",
+	left: "chevronLeft",
+	right: "chevronRight",
+	up: "chevronUp"
+};
+function CalendarChevron({ orientation = "left" }) {
+	return /* @__PURE__ */ jsx(Icon, { name: chevronIcons[orientation] });
+}
+//#endregion
+//#region src/components/calendar/calendar-previous-month-button.tsx
+function CalendarPreviousMonthButton({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
 		variant: "ghost",
 		tone: "neutral",
-		size: "medium",
-		className: cn("hover:bg-neutral-container-high hover:text-neutral-on-container"),
-		onClick,
-		disabled,
-		children: /* @__PURE__ */ jsx(CaretLeftIcon, { weight: "bold" })
+		size: "small",
+		className: cn("", className),
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "chevronLeft" })
 	});
 }
+//#endregion
+//#region src/components/calendar/calendar-picker.tsx
 function getMultipleSelected(selectedDates) {
 	if (Array.isArray(selectedDates)) return selectedDates;
 }
@@ -1864,6 +1982,13 @@ function labelDayButtonWithVisibleText(...args) {
 	return `${dateLib?.format(date, "d") ?? String(date.getDate())}, ${labelDayButton(date, modifiers, options, dateLib)}`;
 }
 const defaultClassNames = getDefaultClassNames();
+const defaultComponents = {
+	Chevron: CalendarChevron,
+	DayButton: CalendarDayButton,
+	Dropdown: CalendarDropdown,
+	NextMonthButton: CalendarNextMonthButton,
+	PreviousMonthButton: CalendarPreviousMonthButton
+};
 const calendarClassNames = {
 	caption_label: "style-text-strong-0",
 	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),
@@ -1881,13 +2006,7 @@ const calendarClassNames = {
 	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
-};
-function CalendarPicker({ className, mode = "single", selected, onSelect, ...props }) {
+function CalendarPicker({ className, components, mode = "single", selected, onSelect, ...props }) {
 	const { state, dispatch } = useCalendar(), selectedValue = selected ?? state.selectedDates, handleSelect = (next) => {
 		dispatch({
 			payload: next,
@@ -1897,7 +2016,10 @@ function CalendarPicker({ className, mode = "single", selected, onSelect, ...pro
 	}, baseProps = {
 		className,
 		classNames: calendarClassNames,
-		components: calendarComponents,
+		components: {
+			...defaultComponents,
+			...components
+		},
 		labels: { labelDayButton: labelDayButtonWithVisibleText },
 		...props
 	};
@@ -1923,9 +2045,6 @@ function CalendarPicker({ className, mode = "single", selected, onSelect, ...pro
 	}
 }
 //#endregion
-//#region src/utils/date-time.ts
-const formatDate = (date, locale, options) => new Intl.DateTimeFormat(locale, options).format(date);
-//#endregion
 //#region src/components/calendar/calendar-summary.tsx
 const dateFormatOptions = {
 	day: "numeric",
@@ -1961,10 +2080,14 @@ function CalendarSummary({ className, children, ref, ...props }) {
 //#endregion
 //#region src/components/calendar/index.ts
 const Calendar = Object.assign(Calendar$1, {
+	DayButton: CalendarDayButton,
+	Dropdown: CalendarDropdown,
 	Footer: CalendarFooter,
 	Header: CalendarHeader,
+	NextMonthButton: CalendarNextMonthButton,
 	Panel: CalendarPanel,
 	Picker: CalendarPicker,
+	PreviousMonthButton: CalendarPreviousMonthButton,
 	Summary: CalendarSummary
 });
 //#endregion
@@ -2270,13 +2393,13 @@ function CheckboxIndicator({ className, ...props }) {
 		className: cn("flex", className),
 		...props,
 		render: (innerProps, state) => {
-			if (state.indeterminate) return /* @__PURE__ */ jsx(MinusIcon, {
-				weight: "bold",
+			if (state.indeterminate) return /* @__PURE__ */ jsx(Icon, {
+				name: "minus",
 				...innerProps,
 				className: "text-accent-default"
 			});
-			return /* @__PURE__ */ jsx(CheckIcon, {
-				weight: "bold",
+			return /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
 				...innerProps
 			});
 		}
@@ -2358,12 +2481,12 @@ function CodeBlockActions({ className, ref, ...props }) {
 //#region src/components/code-block/code-block-copy.tsx
 const COPY_TIMEOUT = 2e3;
 const COPY_STATUS_ICON = {
-	false: /* @__PURE__ */ jsx(CopyIcon, {
-		weight: "bold",
+	false: /* @__PURE__ */ jsx(Icon, {
+		name: "copy",
 		className: "animate-in zoom-in"
 	}),
-	true: /* @__PURE__ */ jsx(CheckIcon, {
-		weight: "bold",
+	true: /* @__PURE__ */ jsx(Icon, {
+		name: "selected",
 		className: "animate-in zoom-in"
 	})
 };
@@ -2395,12 +2518,12 @@ function CodeBlockCopy({ className, children, disabled, ref, ...props }) {
 //#region src/components/code-block/code-block-download.tsx
 const DOWNLOAD_TIMEOUT = 2e3;
 const DOWNLOAD_STATUS_ICON = {
-	false: /* @__PURE__ */ jsx(DownloadIcon, {
-		weight: "bold",
+	false: /* @__PURE__ */ jsx(Icon, {
+		name: "download",
 		className: "animate-in zoom-in"
 	}),
-	true: /* @__PURE__ */ jsx(CheckIcon, {
-		weight: "bold",
+	true: /* @__PURE__ */ jsx(Icon, {
+		name: "selected",
 		className: "animate-in zoom-in"
 	})
 };
@@ -2472,7 +2595,7 @@ function CodeBlockSelect({ className, children, ref, ...props }) {
 			ref,
 			...props,
 			variant: "ghost",
-			children: [/* @__PURE__ */ jsx(SelectValue, { children: (value) => items.find((item) => item.id === value)?.label }), /* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(CaretUpDownIcon, { weight: "bold" }) })]
+			children: [/* @__PURE__ */ jsx(SelectValue, { children: (value) => items.find((item) => item.id === value)?.label }), /* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(Icon, { name: "chevronsUpDown" }) })]
 		}), /* @__PURE__ */ jsx(SelectPopup, { children: /* @__PURE__ */ jsxs(SelectList, { children: [children, items.map(({ label, id }) => /* @__PURE__ */ jsx(SelectItem, {
 			value: id,
 			children: /* @__PURE__ */ jsx(SelectTitle, { children: label })
@@ -2809,8 +2932,8 @@ function CollapsibleTrigger({ className, children, ref, ...props }) {
 		className: cn("group/trigger", className),
 		ref,
 		...props,
-		children: [children, /* @__PURE__ */ jsx(CaretRightIcon, {
-			weight: "bold",
+		children: [children, /* @__PURE__ */ jsx(Icon, {
+			name: "chevronRight",
 			className: "ml-auto transition-all ease-out group-data-panel-open/trigger:rotate-90"
 		})]
 	}) });
@@ -3620,7 +3743,7 @@ function ColorPickerInput({ showPopover = false, showTransparencyField = true, c
 					orientation: "vertical",
 					className: "h-md"
 				}),
-				/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(PercentIcon, { weight: "bold" }) }),
+				/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, { name: "percent" }) }),
 				/* @__PURE__ */ jsx(InputGroupInput, {
 					"aria-label": "Transparency percentage",
 					type: "number",
@@ -3677,14 +3800,14 @@ function ColorPickerPaletteAdd({ className, children, ref, ...props }) {
 	const { color, addPaletteColor } = useColorPicker(), handleClick = () => {
 		addPaletteColor(color);
 	};
-	return /* @__PURE__ */ jsxs("button", {
+	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-label": "Add current color to palette",
 		onClick: handleClick,
 		className: cn("flex size-md items-center justify-center rounded-lg border border-border-strong text-border-strong hover:cursor-pointer [&>svg]:size-xs", className),
 		ref,
 		...props,
-		children: [children, /* @__PURE__ */ jsx(PlusIcon, { weight: "bold" })]
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "add" })
 	});
 }
 //#endregion
@@ -3796,7 +3919,7 @@ function ColorPickerValueType({ className, children, ref, ...props }) {
 			children: [
 				children,
 				/* @__PURE__ */ jsx(SelectValue, { children: (value) => VALUE_TYPES.find((type) => type.value === value)?.label ?? value }),
-				/* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(CaretUpDownIcon, { weight: "bold" }) })
+				/* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(Icon, { name: "chevronsUpDown" }) })
 			]
 		}), /* @__PURE__ */ jsx(SelectPopup, {
 			sideOffset: 8,
@@ -3844,9 +3967,9 @@ function ComboboxChip({ className, children, ref, ...props }) {
 				variant: "ghost",
 				tone: "error",
 				size: "extraSmall",
-				children: /* @__PURE__ */ jsx(XIcon, {
-					className: "size-sm",
-					weight: "bold"
+				children: /* @__PURE__ */ jsx(Icon, {
+					name: "close",
+					className: "size-sm"
 				})
 			})
 		})]
@@ -3939,7 +4062,7 @@ function ComboboxInput({ inline = false, variant, size = "medium", className, ch
 						size: "extraSmall",
 						variant: "ghost",
 						tone: "error",
-						children: /* @__PURE__ */ jsx(XIcon, { weight: "bold" })
+						children: /* @__PURE__ */ jsx(Icon, { name: "close" })
 					})
 				}), /* @__PURE__ */ jsx(Combobox$1.Trigger, {
 					"aria-label": "Open popup",
@@ -3949,7 +4072,7 @@ function ComboboxInput({ inline = false, variant, size = "medium", className, ch
 						size: "extraSmall",
 						variant: getTriggerVariant(state.open),
 						tone: "brand",
-						children: /* @__PURE__ */ jsx(CaretDownIcon, { weight: "bold" })
+						children: /* @__PURE__ */ jsx(Icon, { name: "chevronDown" })
 					})
 				})] })]
 			})
@@ -3968,9 +4091,9 @@ function ComboboxItem({ className, children, ref, ...props }) {
 			children
 		}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
 			className: "col-start-2 place-self-end self-center",
-			children: /* @__PURE__ */ jsx(CheckIcon, {
-				className: "size-sm",
-				weight: "bold"
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
 			})
 		})]
 	});
@@ -4023,7 +4146,7 @@ function ComboboxTrigger({ placeholder, className, children, ref, ...props }) {
 				className: "opacity-70",
 				children: placeholder
 			}) }),
-			/* @__PURE__ */ jsx(Combobox$1.Icon, { children: /* @__PURE__ */ jsx(CaretUpDownIcon, {}) }),
+			/* @__PURE__ */ jsx(Combobox$1.Icon, { children: /* @__PURE__ */ jsx(Icon, { name: "chevronsUpDown" }) }),
 			children
 		]
 	});
@@ -4134,9 +4257,9 @@ function ContextMenuCheckboxItem({ className, children, ref, ...props }) {
 			children
 		}), /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, {
 			className: "col-start-2 flex items-center justify-center place-self-end self-center",
-			children: /* @__PURE__ */ jsx(CheckIcon, {
-				className: "size-sm",
-				weight: "bold"
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
 			})
 		})]
 	});
@@ -4231,9 +4354,9 @@ function ContextMenuRadioItem({ className, children, ref, ...props }) {
 			children
 		}), /* @__PURE__ */ jsx(ContextMenu$1.RadioItemIndicator, {
 			className: "col-start-2 flex items-center justify-center place-self-end self-center",
-			children: /* @__PURE__ */ jsx(CheckIcon, {
-				className: "size-sm",
-				weight: "bold"
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
 			})
 		})]
 	});
@@ -4271,9 +4394,9 @@ function ContextMenuSubmenuTrigger({ className, children, ref, tone, ...props })
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "flex min-w-3xl items-center gap-2xs pr-2xl",
 			children
-		}), /* @__PURE__ */ jsx(CaretRightIcon, {
-			className: "ml-auto size-xs shrink-0 self-center",
-			weight: "bold"
+		}), /* @__PURE__ */ jsx(Icon, {
+			name: "chevronRight",
+			className: "ml-auto size-xs shrink-0 self-center"
 		})]
 	});
 }
@@ -4309,7 +4432,7 @@ function Dialog$2({ ...props }) {
 }
 //#endregion
 //#region src/components/dialog/dialog-close.tsx
-function DialogClose({ className, ref, ...props }) {
+function DialogClose({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		className: cn("absolute top-xs right-xs", className),
 		ref,
@@ -4319,7 +4442,7 @@ function DialogClose({ className, ref, ...props }) {
 			variant: "ghost",
 			size: "extraSmall",
 			tone: "error",
-			children: /* @__PURE__ */ jsx(XIcon, { weight: "bold" })
+			children: children ?? /* @__PURE__ */ jsx(Icon, { name: "close" })
 		})
 	});
 }
@@ -4807,7 +4930,7 @@ function DropzoneError({ className, children, ref, ...props }) {
 		ref,
 		role: "alert",
 		...props,
-		children: [/* @__PURE__ */ jsx(WarningCircleIcon, { weight: "bold" }), children ?? fileError]
+		children: [/* @__PURE__ */ jsx(Icon, { name: "error" }), children ?? fileError]
 	});
 }
 //#endregion
@@ -4994,11 +5117,17 @@ function DropzoneFilesList({ className, children, ref, ...props }) {
 				children: [
 					isUploading && /* @__PURE__ */ jsx("div", {
 						className: "flex items-center justify-center rounded-full bg-brand-container p-xs",
-						children: /* @__PURE__ */ jsx(FileArrowUpIcon, { className: "size-md text-brand-on-container" })
+						children: /* @__PURE__ */ jsx(Icon, {
+							name: "fileUpload",
+							className: "size-md text-brand-on-container"
+						})
 					}),
 					isUploaded && /* @__PURE__ */ jsx("div", {
 						className: "flex items-center justify-center rounded-full bg-success-container p-xs",
-						children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-md text-success-on-container" })
+						children: /* @__PURE__ */ jsx(Icon, {
+							name: "selected",
+							className: "size-md text-success-on-container"
+						})
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex w-full flex-col justify-between gap-3xs",
@@ -5026,7 +5155,7 @@ function DropzoneFilesList({ className, children, ref, ...props }) {
 						variant: "ghost",
 						tone: "error",
 						onClick: () => removeFile(file),
-						children: /* @__PURE__ */ jsx(TrashIcon, { weight: "bold" })
+						children: /* @__PURE__ */ jsx(Icon, { name: "delete" })
 					})
 				]
 			}, fileKey);
@@ -5181,7 +5310,7 @@ function FieldErrors({ className, children, ref, ...props }) {
 const DEFAULT_COLOR = "#000000";
 const EMPTY_FILE_COUNT = 0;
 const SINGLE_FILE_COUNT = 1;
-const defaultFileUploadButtonIcon = /* @__PURE__ */ jsx(UploadIcon, { weight: "bold" });
+const defaultFileUploadButtonIcon = /* @__PURE__ */ jsx(Icon, { name: "upload" });
 const defaultFilesSelectedLabel = (count) => `${count} files selected`;
 const defaultMaxFilesErrorLabel = (maxFiles) => {
 	if (maxFiles === SINGLE_FILE_COUNT) return `You can select up to ${maxFiles} file.`;
@@ -5333,7 +5462,7 @@ function Input({ fileUploadButtonIcon = defaultFileUploadButtonIcon, fileUploadB
 				variant: "ghost",
 				tone: "error",
 				onClick: clearFiles,
-				children: /* @__PURE__ */ jsx(XIcon, { weight: "bold" })
+				children: /* @__PURE__ */ jsx(Icon, { name: "close" })
 			})]
 		});
 	}
@@ -5908,7 +6037,7 @@ function FormErrors({ className, children, ref, ...props }) {
 				tone: "error",
 				...props,
 				children: [
-					/* @__PURE__ */ jsx(AlertIcon, { children: /* @__PURE__ */ jsx(XCircleIcon, { weight: "duotone" }) }),
+					/* @__PURE__ */ jsx(AlertIcon, { children: /* @__PURE__ */ jsx(Icon, { name: "fieldError" }) }),
 					/* @__PURE__ */ jsx(AlertTitle, { children }),
 					/* @__PURE__ */ jsx(AlertDescription, { children: /* @__PURE__ */ jsx("ul", {
 						className: "list-inside list-disc has-[>:only-child]:list-none",
@@ -6000,9 +6129,9 @@ function FormSubmit({ className, children, ref, ...props }) {
 			ref,
 			type: "submit",
 			...props,
-			children: [state.isSubmitting && /* @__PURE__ */ jsx(CircleNotchIcon, {
-				className: "animate-spin",
-				weight: "bold"
+			children: [state.isSubmitting && /* @__PURE__ */ jsx(Icon, {
+				name: "spinner",
+				className: "animate-spin"
 			}), !state.isSubmitting && children]
 		})
 	});
@@ -6129,12 +6258,12 @@ function InputOTP$1({ children, className, id, ref, ...props }) {
 }
 //#endregion
 //#region src/components/input-otp/input-otp-separator.tsx
-function InputOtpSeparator({ className, ref, ...props }) {
+function InputOtpSeparator({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx(OTPField.Separator, {
 		className: cn("flex items-center justify-center text-on-surface-variant", className),
 		ref,
 		...props,
-		children: /* @__PURE__ */ jsx(MinusIcon, { weight: "bold" })
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "minus" })
 	});
 }
 //#endregion
@@ -6531,7 +6660,7 @@ function LayerTreeExpandAll({ className, ref, ...props }) {
 			className: cn("", className),
 			ref,
 			...props,
-			children: [table.getIsSomeRowsExpanded() && /* @__PURE__ */ jsx(FolderOpenIcon, { weight: "bold" }), !table.getIsSomeRowsExpanded() && /* @__PURE__ */ jsx(FolderSimpleIcon, { weight: "bold" })]
+			children: [table.getIsSomeRowsExpanded() && /* @__PURE__ */ jsx(Icon, { name: "folderOpen" }), !table.getIsSomeRowsExpanded() && /* @__PURE__ */ jsx(Icon, { name: "folderExpandAll" })]
 		})
 	});
 }
@@ -6552,9 +6681,9 @@ function LayerTreeIconCell({ className, children, ref, ...props }) {
 		selector: (state) => state.expanded,
 		children: () => {
 			const isExpanded = row.getIsExpanded();
-			let iconNode = createElement(icon, { weight: "bold" });
-			if (hasChildren && isExpanded) iconNode = /* @__PURE__ */ jsx(FolderOpenIcon, {});
-			else if (hasChildren) iconNode = /* @__PURE__ */ jsx(FolderIcon, { weight: "fill" });
+			let iconNode = createElement(icon);
+			if (hasChildren && isExpanded) iconNode = /* @__PURE__ */ jsx(Icon, { name: "folderOpen" });
+			else if (hasChildren) iconNode = /* @__PURE__ */ jsx(Icon, { name: "folder" });
 			return /* @__PURE__ */ jsxs("div", {
 				className: cn("flex w-fit shrink-0 items-center [&>svg]:size-sm", className),
 				ref,
@@ -6586,8 +6715,8 @@ function LayerTreeLockedAll({ className, children, ref, ...props }) {
 				...props,
 				children: [
 					children,
-					isLocked && /* @__PURE__ */ jsx(LockSimpleIcon, { weight: "fill" }),
-					!isLocked && /* @__PURE__ */ jsx(LockSimpleOpenIcon, { weight: "bold" })
+					isLocked && /* @__PURE__ */ jsx(Icon, { name: "locked" }),
+					!isLocked && /* @__PURE__ */ jsx(Icon, { name: "unlocked" })
 				]
 			});
 		}
@@ -6616,8 +6745,8 @@ function LayerTreeLockedCell({ className, children, ref, ...props }) {
 				...props,
 				children: [
 					children,
-					isLocked && /* @__PURE__ */ jsx(LockSimpleIcon, { weight: "fill" }),
-					!isLocked && /* @__PURE__ */ jsx(LockSimpleOpenIcon, { weight: "bold" })
+					isLocked && /* @__PURE__ */ jsx(Icon, { name: "locked" }),
+					!isLocked && /* @__PURE__ */ jsx(Icon, { name: "unlocked" })
 				]
 			});
 		}
@@ -6627,10 +6756,10 @@ function LayerTreeLockedCell({ className, children, ref, ...props }) {
 //#region src/components/layer-tree/layer-tree-node-icon.tsx
 function LayerTreeNodeIcon({ icon: NodeIcon, className, children, ref, ...props }) {
 	const { row } = useCellContext$3(), hasChildren = row.getCanExpand() && Boolean(row.getLeafRows().length);
-	let nodeIcon = /* @__PURE__ */ jsx(NodeIcon, { weight: "bold" });
+	let nodeIcon = /* @__PURE__ */ jsx(NodeIcon, {});
 	if (hasChildren) {
-		nodeIcon = /* @__PURE__ */ jsx(FolderIcon, { weight: "fill" });
-		if (row.getIsExpanded()) nodeIcon = /* @__PURE__ */ jsx(FolderOpenIcon, {});
+		nodeIcon = /* @__PURE__ */ jsx(Icon, { name: "folder" });
+		if (row.getIsExpanded()) nodeIcon = /* @__PURE__ */ jsx(Icon, { name: "folderOpen" });
 	}
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("", className),
@@ -6650,7 +6779,7 @@ function LayerTreeSearch({ placeholder, className, children, ref, ...props }) {
 			ref,
 			...props,
 			children: [
-				/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { weight: "bold" }) }),
+				/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, { name: "search" }) }),
 				/* @__PURE__ */ jsx(InputGroupInput, {
 					placeholder,
 					onChange: (event) => table.setGlobalFilter(event.target.value),
@@ -6678,9 +6807,9 @@ function MenuCheckboxItem({ className, children, ref, ...props }) {
 			children
 		}), /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, {
 			className: "col-start-2 flex items-center justify-center place-self-end self-center",
-			children: /* @__PURE__ */ jsx(CheckIcon, {
-				className: "size-sm",
-				weight: "bold"
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
 			})
 		})]
 	});
@@ -6780,9 +6909,9 @@ function MenuRadioItem({ className, children, ref, ...props }) {
 			children
 		}), /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, {
 			className: "col-start-2 flex items-center justify-center place-self-end self-center",
-			children: /* @__PURE__ */ jsx(CheckIcon, {
-				className: "size-sm",
-				weight: "bold"
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
 			})
 		})]
 	});
@@ -6820,9 +6949,9 @@ function MenuSubmenuTrigger({ tone, className, children, ref, ...props }) {
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "col-start-1 flex min-w-3xl items-center gap-2xs pr-2xl [&>svg]:size-sm",
 			children
-		}), /* @__PURE__ */ jsx(CaretRightIcon, {
-			className: "col-start-2 size-xs place-self-end self-center",
-			weight: "bold"
+		}), /* @__PURE__ */ jsx(Icon, {
+			name: "chevronRight",
+			className: "col-start-2 size-xs place-self-end self-center"
 		})]
 	});
 }
@@ -6878,7 +7007,7 @@ function LayerTreeSort({ className, children, ref, ...props }) {
 			variant: "ghost",
 			size: "medium",
 			tone: "neutral",
-			children: /* @__PURE__ */ jsx(ArrowsDownUpIcon, { weight: "bold" })
+			children: /* @__PURE__ */ jsx(Icon, { name: "sort" })
 		})
 	}), /* @__PURE__ */ jsx(MenuPopup, {
 		align: "end",
@@ -6889,12 +7018,12 @@ function LayerTreeSort({ className, children, ref, ...props }) {
 				/* @__PURE__ */ jsxs(MenuCheckboxItem, {
 					checked: column.getIsSorted() === "asc",
 					onClick: () => handleSort(column.id, "asc"),
-					children: [/* @__PURE__ */ jsx(SortDescendingIcon, { weight: "bold" }), ascendingLabel]
+					children: [/* @__PURE__ */ jsx(Icon, { name: "sortDescending" }), ascendingLabel]
 				}),
 				/* @__PURE__ */ jsxs(MenuCheckboxItem, {
 					checked: column.getIsSorted() === "desc",
 					onClick: () => handleSort(column.id, "desc"),
-					children: [/* @__PURE__ */ jsx(SortAscendingIcon, { weight: "bold" }), descendingLabel]
+					children: [/* @__PURE__ */ jsx(Icon, { name: "sortAscending" }), descendingLabel]
 				})
 			] })] }, column.id))
 		})
@@ -6990,8 +7119,8 @@ function LayerTreeVisibilityAll({ className, children, ref, ...props }) {
 				...props,
 				children: [
 					children,
-					isVisible && /* @__PURE__ */ jsx(EyeIcon, { weight: "bold" }),
-					!isVisible && /* @__PURE__ */ jsx(EyeClosedIcon, { weight: "bold" })
+					isVisible && /* @__PURE__ */ jsx(Icon, { name: "visible" }),
+					!isVisible && /* @__PURE__ */ jsx(Icon, { name: "hidden" })
 				]
 			});
 		}
@@ -7020,8 +7149,8 @@ function LayerTreeVisibilityCell({ className, children, ref, ...props }) {
 				...props,
 				children: [
 					children,
-					isVisible && /* @__PURE__ */ jsx(EyeIcon, { weight: "bold" }),
-					!isVisible && /* @__PURE__ */ jsx(EyeClosedIcon, { weight: "bold" })
+					isVisible && /* @__PURE__ */ jsx(Icon, { name: "visible" }),
+					!isVisible && /* @__PURE__ */ jsx(Icon, { name: "hidden" })
 				]
 			});
 		}
@@ -7406,7 +7535,7 @@ function NumberField({ size, variant, children, label, disableInput: disabledInp
 					variant: "ghost",
 					size: size ?? "medium",
 					className: "shrink-0 rounded-r-none",
-					children: /* @__PURE__ */ jsx(MinusIcon, { weight: "bold" })
+					children: /* @__PURE__ */ jsx(Icon, { name: "minus" })
 				}) }),
 				/* @__PURE__ */ jsx(NumberField$1.Input, {
 					"aria-label": getInputLabel(label),
@@ -7423,7 +7552,7 @@ function NumberField({ size, variant, children, label, disableInput: disabledInp
 					variant: "ghost",
 					size: size ?? "medium",
 					className: "shrink-0 rounded-l-none",
-					children: /* @__PURE__ */ jsx(PlusIcon, { weight: "bold" })
+					children: /* @__PURE__ */ jsx(Icon, { name: "add" })
 				}) })
 			]
 		})]
@@ -7823,7 +7952,11 @@ function resolveOpenState(value, previous) {
 	return value;
 }
 function SidebarProvider({ id, defaultOpen = true, side = "left", collapsible = "icon", className, ref, ...props }) {
-	const cookieName = `sidebar-state-${id}`, [openState, setOpenState] = React.useState(defaultOpen), isMobile = useMediaQuery("mobile"), setOpen = (value) => {
+	const cookieName = `sidebar-state-${id}`, [openState, setOpenState] = React.useState(defaultOpen), [mobileOpen, setMobileOpen] = React.useState(false), isMobile = useMediaQuery("mobile"), setOpen = (value) => {
+		if (isMobile) {
+			setMobileOpen((prev) => resolveOpenState(value, prev));
+			return;
+		}
 		setOpenState((prev) => {
 			const nextOpen = resolveOpenState(value, prev);
 			document.cookie = [
@@ -7835,21 +7968,27 @@ function SidebarProvider({ id, defaultOpen = true, side = "left", collapsible =
 			return nextOpen;
 		});
 	}, trigger = () => setOpen((prev) => !prev);
-	let effectiveCollapsible = collapsible;
-	if (isMobile) effectiveCollapsible = "offcanvas";
+	React.useEffect(() => {
+		if (!isMobile) setMobileOpen(false);
+	}, [isMobile]);
+	let effectiveCollapsible = collapsible, open = openState;
+	if (isMobile) {
+		effectiveCollapsible = "offcanvas";
+		open = mobileOpen;
+	}
 	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
 		value: {
 			collapsible: effectiveCollapsible,
 			defaultOpen,
 			id,
 			isMobile,
-			open: openState,
+			open,
 			setOpen,
 			side,
 			trigger
 		},
 		children: /* @__PURE__ */ jsx("div", {
-			className: cn("relative size-full min-h-0", side === "left" && "flex flex-row", side === "right" && "flex flex-row-reverse", className),
+			className: cn("relative flex min-h-0 w-full min-w-0 flex-1", side === "left" && "flex flex-row", side === "right" && "flex flex-row-reverse", className),
 			ref,
 			...props
 		})
@@ -7885,7 +8024,7 @@ function getPositionClasses({ collapsible, open, isMobile }) {
 	return "";
 }
 function Sidebar$1({ tone = "primary", width = DEFAULT_SIDEBAR_WIDTH, className, ...props }) {
-	const { open, setOpen, isMobile, collapsible, side } = useSidebar(), sidebarRef = React.useRef(null), layout = {
+	const { open, setOpen, isMobile, collapsible, side } = useSidebar(), sidebarRef = React.useRef(null), isHidden = collapsible === "offcanvas" && !open, layout = {
 		collapsible,
 		isMobile,
 		open,
@@ -7905,10 +8044,12 @@ function Sidebar$1({ tone = "primary", width = DEFAULT_SIDEBAR_WIDTH, className,
 		isMobile
 	]);
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("sticky left-[0px] flex h-full max-h-dvh min-h-0 shrink-0 flex-col overflow-hidden border-border bg-surface transition-[width,transform] duration-300 ease-in-out", className, tone === "primary" && "bg-surface-background", tone === "secondary" && "bg-surface", tone === "ghost" && "bg-transparent", getGapClasses(layout), getPositionClasses(layout), collapsible === "offcanvas" && !open && "border-none", open && "p-md", collapsible === "icon" && !open && "py-md", isMobile && "border-none", side === "left" && "border-r", side === "right" && "border-l"),
+		className: cn("sticky left-[0px] flex h-full max-h-dvh min-h-0 shrink-0 flex-col overflow-hidden border-border bg-surface transition-[width,transform] duration-300 ease-in-out", className, tone === "primary" && "bg-surface-background", tone === "secondary" && "bg-surface", tone === "ghost" && "bg-transparent", getGapClasses(layout), getPositionClasses(layout), isHidden && "invisible", collapsible === "offcanvas" && !open && "border-none", open && "p-md", collapsible === "icon" && !open && "py-md", isMobile && "border-none", side === "left" && "border-r", side === "right" && "border-l"),
 		ref: sidebarRef,
 		style: getWidthStyle(layout),
-		...props
+		...props,
+		"aria-hidden": isHidden || void 0,
+		inert: isHidden
 	});
 }
 //#endregion
@@ -7977,6 +8118,16 @@ function SidebarHeader({ className, children, ref, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/sidebar/sidebar-inset.tsx
+function SidebarInset({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("min-h-0 min-w-0 flex-1 overflow-auto", className),
+		ref,
+		...props,
+		children
+	});
+}
+//#endregion
 //#region src/components/sidebar/sidebar-menu.tsx
 function SidebarMenu({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -8050,8 +8201,8 @@ function SidebarMenuCollapsibleTrigger({ className, children, ref, style: _style
 	if (!open) return /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		className: cn("flex size-xl items-center justify-center rounded-full shadow-none! transition-colors *:hidden hover:cursor-pointer hover:bg-neutral-container hover:text-neutral-on-container data-popup-open:bg-neutral-container [&>svg]:block"),
-		children: [children, /* @__PURE__ */ jsx(CaretRightIcon, {
-			weight: "bold",
+		children: [children, /* @__PURE__ */ jsx(Icon, {
+			name: "chevronRight",
 			className: "absolute right-2xs size-xs text-on-surface-variant"
 		})]
 	}) });
@@ -8116,6 +8267,7 @@ const Sidebar = Object.assign(Sidebar$1, {
 	GroupContent: SidebarGroupContent,
 	GroupLabel: SidebarGroupLabel,
 	Header: SidebarHeader,
+	Inset: SidebarInset,
 	Menu: SidebarMenu,
 	MenuBadge: SidebarMenuBadge,
 	MenuButton: SidebarMenuButton,
@@ -8944,7 +9096,7 @@ function TableDateFilterChip({ column, className, children, ref, ...props }) {
 			size: "extraSmall",
 			variant: "soft",
 			children: [
-				/* @__PURE__ */ jsx(FunnelIcon, {}),
+				/* @__PURE__ */ jsx(Icon, { name: "filter" }),
 				/* @__PURE__ */ jsx("span", { children: getColumnHeaderLabel(column) }),
 				/* @__PURE__ */ jsx("span", {
 					className: "lowercase",
@@ -9041,7 +9193,7 @@ function TableNumberFilterChip({ column, className, children, ref, ...props }) {
 			size: "extraSmall",
 			variant: "soft",
 			children: [
-				/* @__PURE__ */ jsx(FunnelIcon, {}),
+				/* @__PURE__ */ jsx(Icon, { name: "filter" }),
 				/* @__PURE__ */ jsx("span", { children: getColumnHeaderLabel(column) }),
 				/* @__PURE__ */ jsx("span", {
 					className: "font-light lowercase",
@@ -9097,7 +9249,7 @@ function TableSelectFilterForm({ column, className, children, ref, ...props }) {
 					children: [/* @__PURE__ */ jsx(SelectValue, {
 						placeholder: "Select values",
 						children: (value) => getSelectValueLabel(value)
-					}), /* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(CaretUpDownIcon, { weight: "bold" }) })]
+					}), /* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(Icon, { name: "chevronsUpDown" }) })]
 				}), /* @__PURE__ */ jsx(SelectPopup, {
 					alignItemWithTrigger: false,
 					sideOffset: 8,
@@ -9134,7 +9286,7 @@ function TableSelectFilterChip({ column, className, children, ref, ...props }) {
 			size: "extraSmall",
 			variant: "soft",
 			children: [
-				/* @__PURE__ */ jsx(FunnelIcon, {}),
+				/* @__PURE__ */ jsx(Icon, { name: "filter" }),
 				/* @__PURE__ */ jsx("span", { children: header }),
 				/* @__PURE__ */ jsx("span", {
 					className: "font-light lowercase",
@@ -9214,7 +9366,7 @@ function TableStringFilterChip({ column, className, children, ref, ...props }) {
 			size: "extraSmall",
 			variant: "soft",
 			children: [
-				/* @__PURE__ */ jsx(FunnelIcon, {}),
+				/* @__PURE__ */ jsx(Icon, { name: "filter" }),
 				/* @__PURE__ */ jsx("span", { children: getColumnHeaderLabel(column) }),
 				/* @__PURE__ */ jsx("span", {
 					className: "font-light lowercase",
@@ -9299,7 +9451,7 @@ function TableFirstPage({ className, children, ref, ...props }) {
 	const table = useTableContext$2(), handleClick = () => {
 		table.setPageIndex(DEFAULT_PAGE_INDEX);
 	};
-	return /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": "Go to first page",
 		className: cn("shrink-0", className),
 		disabled: !table.getCanPreviousPage(),
@@ -9309,7 +9461,7 @@ function TableFirstPage({ className, children, ref, ...props }) {
 		tone: "neutral",
 		size: "medium",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(CaretLineLeftIcon, { weight: "bold" })]
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "firstPage" })
 	});
 }
 //#endregion
@@ -9360,9 +9512,9 @@ function TableHeader({ className, children, ref, ...props }) {
 										className: "flex items-center gap-2xs",
 										children: /* @__PURE__ */ jsx(table.FlexRender, { header: renderHeader })
 									}),
-									sorting === "asc" && /* @__PURE__ */ jsx(SortDescendingIcon, { weight: "bold" }),
-									sorting === "desc" && /* @__PURE__ */ jsx(SortAscendingIcon, { weight: "bold" }),
-									!sorting && renderHeader.column.getCanSort() && /* @__PURE__ */ jsx(FunnelSimpleIcon, { weight: "bold" })
+									sorting === "asc" && /* @__PURE__ */ jsx(Icon, { name: "sortDescending" }),
+									sorting === "desc" && /* @__PURE__ */ jsx(Icon, { name: "sortAscending" }),
+									!sorting && renderHeader.column.getCanSort() && /* @__PURE__ */ jsx(Icon, { name: "columnFilter" })
 								]
 							})
 						}, renderHeader.id);
@@ -9391,7 +9543,7 @@ function TableLastPage({ className, children, ref, ...props }) {
 	const table = useTableContext$2(), handleClick = () => {
 		table.setPageIndex(table.getPageCount() - LAST_PAGE_OFFSET);
 	};
-	return /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": "Go to last page",
 		className: cn("shrink-0", className),
 		disabled: !table.getCanNextPage(),
@@ -9401,7 +9553,7 @@ function TableLastPage({ className, children, ref, ...props }) {
 		tone: "neutral",
 		size: "medium",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(CaretLineRightIcon, { weight: "bold" })]
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "lastPage" })
 	});
 }
 //#endregion
@@ -9433,7 +9585,7 @@ function TableNextPage({ className, children, ref, ...props }) {
 	const table = useTableContext$2(), handleClick = () => {
 		table.nextPage();
 	};
-	return /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": "Go to next page",
 		className: cn("shrink-0", className),
 		disabled: !table.getCanNextPage(),
@@ -9443,7 +9595,7 @@ function TableNextPage({ className, children, ref, ...props }) {
 		variant: "outline",
 		tone: "neutral",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(CaretRightIcon, { weight: "bold" })]
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "chevronRight" })
 	});
 }
 //#endregion
@@ -9524,7 +9676,7 @@ function TablePaging({ min = DEFAULT_VISIBLE_START_PAGES, max = DEFAULT_VISIBLE_
 						size: "medium",
 						variant: "outline",
 						className: "shrink-0",
-						children: /* @__PURE__ */ jsx(DotsThreeIcon, { weight: "bold" })
+						children: /* @__PURE__ */ jsx(Icon, { name: "ellipsis" })
 					}) }), /* @__PURE__ */ jsx(MenuPopup, {
 						align: "center",
 						children: /* @__PURE__ */ jsx(MenuRadioGroup, {
@@ -9570,7 +9722,7 @@ function TablePreviousPage({ className, children, ref, ...props }) {
 	const table = useTableContext$2(), handleClick = () => {
 		table.previousPage();
 	};
-	return /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": "Go to previous page",
 		className: cn("shrink-0", className),
 		disabled: !table.getCanPreviousPage(),
@@ -9580,7 +9732,7 @@ function TablePreviousPage({ className, children, ref, ...props }) {
 		tone: "neutral",
 		size: "medium",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(CaretLeftIcon, { weight: "bold" })]
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "chevronLeft" })
 	});
 }
 //#endregion
@@ -9668,7 +9820,7 @@ function TableSearch({ className, ref, ...props }) {
 		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, {
+			children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, { name: "search" }) }), /* @__PURE__ */ jsx(InputGroupInput, {
 				className: cn("", className),
 				onChange: handleChange,
 				ref,
@@ -9700,11 +9852,11 @@ function TableSortMenu({ className, ref, ...props }) {
 			children: () => table.getAllColumns().filter((column) => column.getCanSort()).map((column) => /* @__PURE__ */ jsxs(MenuSubmenu, { children: [/* @__PURE__ */ jsx(MenuSubmenuTrigger, { children: getColumnHeaderLabel(column) }), /* @__PURE__ */ jsxs(MenuPopup, { children: [/* @__PURE__ */ jsxs(MenuCheckboxItem, {
 				checked: column.getIsSorted() === "asc",
 				onClick: () => handleSort(column.id, "asc"),
-				children: [/* @__PURE__ */ jsx(SortDescendingIcon, { weight: "bold" }), ascendingLabel]
+				children: [/* @__PURE__ */ jsx(Icon, { name: "sortDescending" }), ascendingLabel]
 			}), /* @__PURE__ */ jsxs(MenuCheckboxItem, {
 				checked: column.getIsSorted() === "desc",
 				onClick: () => handleSort(column.id, "desc"),
-				children: [/* @__PURE__ */ jsx(SortAscendingIcon, { weight: "bold" }), descendingLabel]
+				children: [/* @__PURE__ */ jsx(Icon, { name: "sortAscending" }), descendingLabel]
 			})] })] }, column.id))
 		})
 	})] });
@@ -9727,8 +9879,8 @@ function TableSortChip({ column, className, children, ref, ...props }) {
 					size: "extraSmall",
 					variant: "soft",
 					children: [
-						columnSort === "asc" && /* @__PURE__ */ jsx(SortDescendingIcon, {}),
-						columnSort === "desc" && /* @__PURE__ */ jsx(SortAscendingIcon, {}),
+						columnSort === "asc" && /* @__PURE__ */ jsx(Icon, { name: "sortDescending" }),
+						columnSort === "desc" && /* @__PURE__ */ jsx(Icon, { name: "sortAscending" }),
 						/* @__PURE__ */ jsx("span", { children: getColumnHeaderLabel(column) }),
 						/* @__PURE__ */ jsxs("span", {
 							className: "font-light lowercase",
@@ -9987,12 +10139,24 @@ function getVariantBorderColor(variant) {
 	}
 }
 function getVariantIcon(variant, icon) {
-	if (icon) return React.createElement(icon, { weight: "fill" });
+	if (icon) return React.createElement(icon);
 	switch (variant) {
-		case "error": return /* @__PURE__ */ jsx(WarningCircleIcon, { weight: "fill" });
-		case "success": return /* @__PURE__ */ jsx(CheckCircleIcon, { weight: "fill" });
-		case "warning": return /* @__PURE__ */ jsx(WarningIcon, { weight: "fill" });
-		default: return /* @__PURE__ */ jsx(InfoIcon, { weight: "fill" });
+		case "error": return /* @__PURE__ */ jsx(Icon, {
+			name: "error",
+			weight: "fill"
+		});
+		case "success": return /* @__PURE__ */ jsx(Icon, {
+			name: "success",
+			weight: "fill"
+		});
+		case "warning": return /* @__PURE__ */ jsx(Icon, {
+			name: "warning",
+			weight: "fill"
+		});
+		default: return /* @__PURE__ */ jsx(Icon, {
+			name: "info",
+			weight: "fill"
+		});
 	}
 }
 function StackToastItem({ className, ref, toast, ...props }) {
@@ -10051,9 +10215,9 @@ function StackToastItem({ className, ref, toast, ...props }) {
 									style: { animation: `toast-drain-${toast.id} ${duration}ms linear forwards` }
 								})]
 							})
-						}), /* @__PURE__ */ jsx(XIcon, {
-							className: "size-sm shrink-0",
-							weight: "bold"
+						}), /* @__PURE__ */ jsx(Icon, {
+							name: "close",
+							className: "size-sm shrink-0"
 						})]
 					})
 				]
@@ -10157,6 +10321,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, 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 };
+export { Accordion, AccordionExpandIcon, AccordionHeader, AccordionHeaderContent, 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, CalendarChevron, CalendarDayButton, CalendarDropdown, CalendarFooter, CalendarHeader, CalendarNextMonthButton, CalendarPanel, CalendarPicker, CalendarPreviousMonthButton, 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, Icon, IconContainer, IconProvider, 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, SidebarInset, 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.js.map