@iris-ui-kit/react 0.1.0 → 0.2.0

package/dist/index.js

@@ -7,17 +7,18 @@ import { useDataState } from './chunk-HEJGN6UI.js';
 export { DATA_STATE_CLASS, __resetDataStateStyles, installDataStateStyles, useDataState, usePrefersReducedMotion } from './chunk-HEJGN6UI.js';
 export { IrisProvider, PluginStoreContext, usePlugin, usePluginStore } from './chunk-IDD35UJ6.js';
 export { createClientFetcher, createResourceController, useResourceController } from './chunk-TQ33XJIK.js';
-import { IrisCheckbox } from './chunk-UWUUEZCD.js';
-export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-UWUUEZCD.js';
+import { IrisCheckbox } from './chunk-B4RS5WKC.js';
+export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-B4RS5WKC.js';
 export { IrisContainer, IrisDashboardCard, IrisDashboardGrid, IrisStack } from './chunk-ZKBDUWUD.js';
 export { SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, useSkinOptional, validateSkin } from './chunk-WIHBIDVJ.js';
-import { IrisSlot, useMachine } from './chunk-VWCJJRSC.js';
-export { DropdownContext, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, IrisSlot, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, nodeAllowsRoles, useAdminShell, useDropdownContext, useMachine, useTabsNav, visibleNav } from './chunk-VWCJJRSC.js';
+import { IrisSlot, useMachine } from './chunk-XVXURJZQ.js';
+export { DropdownContext, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, IrisSlot, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useDropdownContext, useMachine, useTabsNav, visibleNav } from './chunk-XVXURJZQ.js';
 export { ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext, useThemeOptional } from './chunk-XCK4RIXB.js';
 export { IrisHeaderLayout, IrisSidebarLayout } from './chunk-J5FB2UB2.js';
 export { useAsyncResource, usePaginatedResource } from './chunk-TO7YVSAI.js';
-import { useDrag } from './chunk-2TQSTINK.js';
-export { IrisClickOutside, IrisHotkey, IrisLongPress, IrisMovable, IrisResizable, IrisSortable, SORTABLE_ITEM_ATTR, useDrag } from './chunk-2TQSTINK.js';
+import { useDrag } from './chunk-BCL32KSE.js';
+export { IrisClickOutside, IrisHotkey, IrisLongPress, IrisMovable, IrisResizable, useDrag } from './chunk-BCL32KSE.js';
+export { IrisSortable, SORTABLE_ITEM_ATTR } from './chunk-K2F7SC2T.js';
 export { createClientDataSource, createDataSource, createGroupedView, useDataSource, useGroupedView } from './chunk-53KFLVIZ.js';
 export { IrisErrorBoundary } from './chunk-SORLRLS4.js';
 import { useI18n } from './chunk-OMOTUHYI.js';
@@ -28,16 +29,61 @@ export { useDismiss, useFloating } from './chunk-6BMFMCMQ.js';
 export { FormContext, IrisForm, useField, useFieldArray, useForm, useFormContext } from './chunk-DE6V6NOI.js';
 import { useStore } from './chunk-RZNYIFV2.js';
 export { useStore, useStoreSelector } from './chunk-RZNYIFV2.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React68 from 'react';
-import { composeEventHandlers, createStore, createVirtualizer, createKeyboardNav, createSelectionModel, createHoverIntent, createFloatingMachine, generateId, createAutoDismiss, nextEnabledIndex, getPageRange, flattenLeafColumns, buildHeaderMatrix, createExpansion, compareValues, flattenTree, withSortedChildren, createCellRange, computeVirtualRange, aggregate, saveFile, toSpreadsheetXml, startOfMonth, clampDate, isSameMonth, buildMonthMatrix, getWeekdayNames, formatMonthYear, startOfDay, endOfMonth, addMonths, isSameDay, isOutOfRange, formatLocalISO, createTreeSelection, rgbaToHsva, hexToRgba, hsvaToRgba, rgbToHex, clamp01, copyText, nextGridCell, addDays } from '@iris-ui-kit/core';
+import * as React67 from 'react';
+import { useState, useRef, useEffect } from 'react';
+import { composeEventHandlers, createStore, createVirtualizer, createKeyboardNav, createReconnectingSource, createDisposableScope, createResilientFetcher, createSelectionModel, createHoverIntent, createFloatingMachine, generateId, createAutoDismiss, nextEnabledIndex, getPageRange, flattenLeafColumns, buildHeaderMatrix, createExpansion, flattenTree, withSortedChildren, createCellRange, computeVirtualRange, aggregate, toCsv, downloadFile, toSpreadsheetXml, startOfMonth, clampDate, isSameMonth, buildMonthMatrix, getWeekdayNames, formatMonthYear, startOfDay, endOfMonth, addMonths, isSameDay, isOutOfRange, formatLocalISO, createTreeSelection, rgbaToHsva, hexToRgba, hsvaToRgba, rgbToHex, clamp01, copyText, nextGridCell, compareValues, addDays } from '@iris-ui-kit/core';
 export { addDays, addMonths, buildMonthMatrix, clamp01, clampDate, composeEventHandlers, createFloatingMachine, createMachine, createStore, endOfMonth, formatLocalISO, formatMonthYear, generateId, getPageRange, getWeekdayNames, hexToRgba, hsvToRgb, hsvaToRgba, isOutOfRange, isSameDay, isSameMonth, mergeProps, rgbToHex, rgbToHsv, rgbaToHsva, startOfDay, startOfMonth } from '@iris-ui-kit/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import { getDirection } from '@iris-ui-kit/theme';
 export { applyTheme, createThemeStore, getCssVar, toCssVarName } from '@iris-ui-kit/theme';
 export { ALL_TOKEN_NAMES, COLOR_TOKENS, RADII_TOKENS, SPACING_TOKENS, darkTheme, lightTheme } from '@iris-ui-kit/tokens';
 export { createIconRegistry, defaultIconRegistry, defaultIcons, renderIconSvg, resolveIcon, resolveThemedIcon } from '@iris-ui-kit/icons';
 
+function useReconnectingSource(connect, handlers, options) {
+  const [status, setStatus] = useState("idle");
+  const handlersRef = useRef(handlers);
+  handlersRef.current = handlers;
+  useEffect(() => {
+    const source = createReconnectingSource(
+      connect,
+      {
+        onMessage: (data) => handlersRef.current.onMessage?.(data),
+        onOpen: () => handlersRef.current.onOpen?.(),
+        onError: (err) => handlersRef.current.onError?.(err),
+        onClose: () => handlersRef.current.onClose?.(),
+        onStatus: (s) => setStatus(s)
+      },
+      options
+    );
+    source.open();
+    return () => source.close();
+  }, [connect, options]);
+  return status;
+}
+function useDisposableScope() {
+  const scopeRef = useRef(null);
+  if (scopeRef.current === null) {
+    scopeRef.current = createDisposableScope();
+  }
+  useEffect(() => {
+    const scope = scopeRef.current;
+    return () => scope.destroy();
+  }, []);
+  return scopeRef;
+}
+function useResilientFetcher(options) {
+  const ref = useRef(null);
+  if (ref.current === null) {
+    ref.current = createResilientFetcher(options);
+  }
+  useEffect(() => {
+    return () => {
+      ref.current?.cache.clear();
+    };
+  }, []);
+  return ref.current;
+}
 var TONE_TO_VAR = {
   primary: "--iris-primary",
   success: "--iris-success",
@@ -126,8 +172,8 @@ function IrisAvatar({
   style,
   ...rest
 }) {
-  const [failed, setFailed] = React68.useState(false);
-  React68.useEffect(() => {
+  const [failed, setFailed] = React67.useState(false);
+  React67.useEffect(() => {
     setFailed(false);
   }, [src]);
   const px = resolveSize(size);
@@ -234,7 +280,7 @@ function IrisSpinner({
   ...rest
 }) {
   const { t } = useI18n();
-  React68.useEffect(installSpinnerStyles, []);
+  React67.useEffect(installSpinnerStyles, []);
   const px = resolveSize2(size);
   const sw = strokeWidth || Math.max(1.5, Math.round(px * 0.12));
   const resolvedLabel = label ?? t("spinner.loading");
@@ -441,7 +487,7 @@ function IrisSkeleton({
   ...rest
 }) {
   const { t } = useI18n();
-  React68.useEffect(installSkeletonStyles, []);
+  React67.useEffect(installSkeletonStyles, []);
   const w = width !== void 0 ? toCss(width) : defaultWidth(shape);
   const h = height !== void 0 ? toCss(height) : defaultHeight(shape, width);
   return /* @__PURE__ */ jsx(
@@ -533,7 +579,7 @@ function IrisProgress({
   style,
   ...rest
 }) {
-  React68.useEffect(installProgressStyles, []);
+  React67.useEffect(installProgressStyles, []);
   const isIndeterminate = indeterminate || value === null || value === void 0;
   const clamped = !isIndeterminate && value !== null ? Math.max(0, Math.min(max, value)) : 0;
   const percent = isIndeterminate ? 0 : clamped / Math.max(1, max) * 100;
@@ -795,7 +841,7 @@ var SIZE_MAP4 = {
   md: { padding: "8px 12px", fontSize: "14px" },
   lg: { padding: "10px 12px", fontSize: "16px" }
 };
-var IrisTextarea = React68.forwardRef(
+var IrisTextarea = React67.forwardRef(
   function IrisTextarea2({
     size = "md",
     invalid = false,
@@ -811,10 +857,10 @@ var IrisTextarea = React68.forwardRef(
     defaultValue,
     ...rest
   }, ref) {
-    const [focused, setFocused] = React68.useState(false);
-    const innerRef = React68.useRef(null);
-    React68.useImperativeHandle(ref, () => innerRef.current, []);
-    const resize = React68.useCallback(() => {
+    const [focused, setFocused] = React67.useState(false);
+    const innerRef = React67.useRef(null);
+    React67.useImperativeHandle(ref, () => innerRef.current, []);
+    const resize = React67.useCallback(() => {
       const el = innerRef.current;
       if (!el || !autosize) return;
       const lineHeight = parseFloat(getComputedStyle(el).lineHeight || "0") || 20;
@@ -822,7 +868,7 @@ var IrisTextarea = React68.forwardRef(
       const maxPx = maxRows > 0 ? lineHeight * maxRows : Infinity;
       el.style.height = `${Math.min(maxPx, el.scrollHeight)}px`;
     }, [autosize, maxRows]);
-    React68.useEffect(() => {
+    React67.useEffect(() => {
       if (autosize) resize();
     }, [autosize, resize, value]);
     const sizeStyles = SIZE_MAP4[size];
@@ -894,7 +940,7 @@ var DIM_MAP = {
   md: { width: "36px", height: "20px", thumb: "16px" },
   lg: { width: "44px", height: "24px", thumb: "20px" }
 };
-var IrisSwitch = React68.forwardRef(function IrisSwitch2({
+var IrisSwitch = React67.forwardRef(function IrisSwitch2({
   checked,
   defaultChecked,
   onChange,
@@ -905,7 +951,7 @@ var IrisSwitch = React68.forwardRef(function IrisSwitch2({
   style,
   ...rest
 }, ref) {
-  const [internalChecked, setInternalChecked] = React68.useState(Boolean(defaultChecked));
+  const [internalChecked, setInternalChecked] = React67.useState(Boolean(defaultChecked));
   const isControlled = checked !== void 0;
   const value = isControlled ? Boolean(checked) : internalChecked;
   const handleChange = (e) => {
@@ -1000,7 +1046,7 @@ function roundToStep(value, step) {
   const places = decimalsOf(step);
   return Number(value.toFixed(places));
 }
-var IrisNumberInput = React68.forwardRef(
+var IrisNumberInput = React67.forwardRef(
   function IrisNumberInput2({
     value,
     defaultValue = null,
@@ -1019,19 +1065,19 @@ var IrisNumberInput = React68.forwardRef(
   }, ref) {
     const { t } = useI18n();
     const isControlled = value !== void 0;
-    const [internal, setInternal] = React68.useState(defaultValue ?? null);
+    const [internal, setInternal] = React67.useState(defaultValue ?? null);
     const current = isControlled ? value : internal;
-    const [rawText, setRawText] = React68.useState(
+    const [rawText, setRawText] = React67.useState(
       current === null || current === void 0 ? "" : String(current)
     );
-    React68.useEffect(() => {
+    React67.useEffect(() => {
       if (current === null || current === void 0) {
         setRawText("");
       } else {
         setRawText(String(current));
       }
     }, [current]);
-    const [focused, setFocused] = React68.useState(false);
+    const [focused, setFocused] = React67.useState(false);
     const setValue = (next) => {
       if (next === null) {
         if (!isControlled) setInternal(null);
@@ -1225,16 +1271,17 @@ function IrisOtpInput({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(
+  const [internal, setInternal] = React67.useState(
     () => sanitize(defaultValue, type).slice(0, length)
   );
   const value = sanitize(isControlled ? valueProp : internal, type).slice(0, length);
-  const cellsRef = React68.useRef([]);
-  const [focusedIndex, setFocusedIndex] = React68.useState(-1);
+  const cellsRef = React67.useRef([]);
+  const [focusedIndex, setFocusedIndex] = React67.useState(-1);
   const focusCell = (i) => {
     const el = cellsRef.current[Math.max(0, Math.min(length - 1, i))];
     if (el) {
@@ -1298,7 +1345,7 @@ function IrisOtpInput({
     if (disabled) return;
     writeFrom(i, e.clipboardData.getData("text"));
   };
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (autoFocus) cellsRef.current[0]?.focus();
   }, [autoFocus]);
   const sz = SIZE_MAP6[size];
@@ -1311,6 +1358,7 @@ function IrisOtpInput({
       role: "group",
       "aria-disabled": disabled ? "true" : void 0,
       className,
+      ...rest,
       style: { display: "inline-flex", gap: 8, direction: "inherit", ...style },
       children: Array.from({ length }, (_, i) => {
         const char = value.charAt(i);
@@ -1388,14 +1436,15 @@ function IrisRating({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const step = allowHalf ? 0.5 : 1;
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const value = clamp2(isControlled ? valueProp : internal, 0, max);
-  const [hover, setHover] = React68.useState(null);
+  const [hover, setHover] = React67.useState(null);
   const interactive = !readonly && !disabled;
   const display = hover ?? value;
   const setValue = (next) => {
@@ -1463,6 +1512,7 @@ function IrisRating({
       className,
       onKeyDown: handleKeyDown,
       onMouseLeave: () => setHover(null),
+      ...rest,
       style: {
         display: "inline-flex",
         gap: Math.round(px * 0.18),
@@ -1534,20 +1584,21 @@ function IrisCombobox({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const reactId = React68.useId();
+  const reactId = React67.useId();
   const listboxId = `${reactId}-listbox`;
   const optionId = (i) => `${reactId}-opt-${i}`;
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const currentValue = isControlled ? valueProp : internal;
-  const [query, setQuery] = React68.useState("");
-  const [filtering, setFiltering] = React68.useState(false);
-  const [open, setOpen] = React68.useState(false);
-  const [activeIndex, setActiveIndex] = React68.useState(-1);
-  const [focused, setFocused] = React68.useState(false);
+  const [query, setQuery] = React67.useState("");
+  const [filtering, setFiltering] = React67.useState(false);
+  const [open, setOpen] = React67.useState(false);
+  const [activeIndex, setActiveIndex] = React67.useState(-1);
+  const [focused, setFocused] = React67.useState(false);
   const selected = options.find((o) => o.value === currentValue);
   const display = filtering ? query : selected?.label ?? "";
   const needle = query.trim().toLowerCase();
@@ -1617,6 +1668,7 @@ function IrisCombobox({
       "data-iris-combobox-size": size,
       "data-state": open ? "open" : "closed",
       className,
+      ...rest,
       style: { position: "relative", display: "inline-block", minWidth: 200, ...style },
       children: [
         /* @__PURE__ */ jsx(
@@ -1744,13 +1796,15 @@ function IrisTimeline({
   items,
   renderItem,
   style,
-  className
+  className,
+  ...rest
 }) {
   return /* @__PURE__ */ jsx(
     "ol",
     {
       "data-iris-timeline": "",
       className,
+      ...rest,
       style: { listStyle: "none", margin: 0, padding: 0, ...style },
       children: items.map((item, i) => {
         const isLast = i === items.length - 1;
@@ -1880,13 +1934,14 @@ function IrisCarousel({
   showIndicators = true,
   ariaLabel,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const slides = React68.Children.toArray(children);
+  const slides = React67.Children.toArray(children);
   const count = slides.length;
   const isControlled = indexProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultIndex);
+  const [internal, setInternal] = React67.useState(defaultIndex);
   const current = Math.min(
     Math.max(0, isControlled ? indexProp : internal),
     Math.max(0, count - 1)
@@ -1898,12 +1953,12 @@ function IrisCarousel({
     if (!isControlled) setInternal(next);
     onIndexChange?.(next);
   };
-  const onIndexChangeRef = React68.useRef(onIndexChange);
+  const onIndexChangeRef = React67.useRef(onIndexChange);
   onIndexChangeRef.current = onIndexChange;
-  const [hovered, setHovered] = React68.useState(false);
-  const [focusedWithin, setFocusedWithin] = React68.useState(false);
+  const [hovered, setHovered] = React67.useState(false);
+  const [focusedWithin, setFocusedWithin] = React67.useState(false);
   const paused = pauseOnHover && hovered || focusedWithin;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!autoplay || paused || count <= 1 || prefersReducedMotion()) return;
     const id = setTimeout(() => {
       const target = (current + 1) % count;
@@ -1935,6 +1990,7 @@ function IrisCarousel({
       onMouseLeave: () => setHovered(false),
       onFocus: () => setFocusedWithin(true),
       onBlur: () => setFocusedWithin(false),
+      ...rest,
       style: { position: "relative", outline: "none", ...style },
       children: [
         /* @__PURE__ */ jsx(
@@ -2069,7 +2125,8 @@ function IrisStatistic({
   trendValue,
   size = "md",
   style,
-  className
+  className,
+  ...rest
 }) {
   const affix = { fontSize: "0.6em", color: "var(--iris-muted)" };
   return /* @__PURE__ */ jsxs(
@@ -2078,6 +2135,7 @@ function IrisStatistic({
       "data-iris-statistic": "",
       "data-trend": trend,
       className,
+      ...rest,
       style: { display: "flex", flexDirection: "column", gap: 4, ...style },
       children: [
         label != null ? /* @__PURE__ */ jsx("div", { "data-iris-statistic-label": "", style: { fontSize: 13, color: "var(--iris-muted)" }, children: label }) : null,
@@ -2129,7 +2187,8 @@ function IrisDescriptions({
   layout = "horizontal",
   bordered = false,
   style,
-  className
+  className,
+  ...rest
 }) {
   const horizontal = layout === "horizontal";
   const pad3 = bordered ? "8px 12px" : void 0;
@@ -2153,6 +2212,7 @@ function IrisDescriptions({
       "data-iris-descriptions": "",
       "data-layout": layout,
       className,
+      ...rest,
       style: {
         display: "grid",
         gridTemplateColumns: horizontal ? `repeat(${columns}, max-content 1fr)` : `repeat(${columns}, 1fr)`,
@@ -2168,7 +2228,7 @@ function IrisDescriptions({
       children: items.map((item, i) => {
         const rowBorder = bordered && i >= columns ? "1px solid var(--iris-border)" : void 0;
         if (horizontal) {
-          return /* @__PURE__ */ jsxs(React68.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React67.Fragment, { children: [
             /* @__PURE__ */ jsx(
               "dt",
               {
@@ -2219,19 +2279,20 @@ function IrisTransfer({
   searchable = false,
   disabled = false,
   style,
-  className
+  className,
+  ...rest
 }) {
   const safeOptions = options ?? [];
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const value = isControlled ? valueProp : internal;
   const valueSet = new Set(value);
-  const sourceModelRef = React68.useRef(null);
+  const sourceModelRef = React67.useRef(null);
   if (sourceModelRef.current === null) {
     sourceModelRef.current = createSelectionModel({ mode: "multiple" });
   }
-  const targetModelRef = React68.useRef(null);
+  const targetModelRef = React67.useRef(null);
   if (targetModelRef.current === null) {
     targetModelRef.current = createSelectionModel({ mode: "multiple" });
   }
@@ -2239,8 +2300,8 @@ function IrisTransfer({
   const targetModel = targetModelRef.current;
   const sourceChecked = useStore(sourceModel.store);
   const targetChecked = useStore(targetModel.store);
-  const [sourceQuery, setSourceQuery] = React68.useState("");
-  const [targetQuery, setTargetQuery] = React68.useState("");
+  const [sourceQuery, setSourceQuery] = React67.useState("");
+  const [targetQuery, setTargetQuery] = React67.useState("");
   const setValue = (next) => {
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
@@ -2423,6 +2484,7 @@ function IrisTransfer({
       "data-iris-transfer": "",
       "data-disabled": disabled ? "true" : void 0,
       className,
+      ...rest,
       style: { display: "inline-flex", alignItems: "stretch", gap: 12, ...style },
       children: [
         renderPane("source"),
@@ -2474,45 +2536,55 @@ function IrisWatermark({
   opacity = 0.15,
   gap = 24,
   style,
-  className
+  className,
+  ...rest
 }) {
-  return /* @__PURE__ */ jsxs("div", { "data-iris-watermark": "", className, style: { position: "relative", ...style }, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-iris-watermark-overlay": "",
-        "aria-hidden": "true",
-        style: {
-          position: "absolute",
-          inset: 0,
-          overflow: "hidden",
-          pointerEvents: "none",
-          userSelect: "none",
-          display: "flex",
-          flexWrap: "wrap",
-          alignContent: "flex-start",
-          gap,
-          opacity
-        },
-        children: Array.from({ length: TILE_COUNT }, (_, i) => /* @__PURE__ */ jsx(
-          "span",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-iris-watermark": "",
+      className,
+      ...rest,
+      style: { position: "relative", ...style },
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            "data-iris-watermark-tile": "",
+            "data-iris-watermark-overlay": "",
+            "aria-hidden": "true",
             style: {
-              transform: `rotate(${rotate}deg)`,
-              fontSize,
-              color,
-              whiteSpace: "nowrap",
-              lineHeight: 1
+              position: "absolute",
+              inset: 0,
+              overflow: "hidden",
+              pointerEvents: "none",
+              userSelect: "none",
+              display: "flex",
+              flexWrap: "wrap",
+              alignContent: "flex-start",
+              gap,
+              opacity
             },
-            children: content
-          },
-          i
-        ))
-      }
-    )
-  ] });
+            children: Array.from({ length: TILE_COUNT }, (_, i) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-iris-watermark-tile": "",
+                style: {
+                  transform: `rotate(${rotate}deg)`,
+                  fontSize,
+                  color,
+                  whiteSpace: "nowrap",
+                  lineHeight: 1
+                },
+                children: content
+              },
+              i
+            ))
+          }
+        )
+      ]
+    }
+  );
 }
 function prefersReducedMotion2() {
   return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -2526,13 +2598,14 @@ function IrisBackTop({
   ariaLabel,
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const [visible, setVisible] = React68.useState(false);
-  const targetRef = React68.useRef(target);
+  const [visible, setVisible] = React67.useState(false);
+  const targetRef = React67.useRef(target);
   targetRef.current = target;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     const el = resolve(targetRef.current);
     const onScroll = () => {
       const top = el === window ? window.scrollY ?? 0 : el.scrollTop;
@@ -2561,6 +2634,7 @@ function IrisBackTop({
       "aria-label": ariaLabel ?? t("backTop.label"),
       onClick: scrollToTop,
       className,
+      ...rest,
       style: {
         position: "fixed",
         insetInlineEnd: 24,
@@ -2592,19 +2666,20 @@ function IrisAffix({
   onChange,
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
-  const placeholderRef = React68.useRef(null);
-  const contentRef = React68.useRef(null);
-  const [affixed, setAffixed] = React68.useState(false);
-  const [fixedStyle, setFixedStyle] = React68.useState(void 0);
-  const [reserve, setReserve] = React68.useState(void 0);
-  const onChangeRef = React68.useRef(onChange);
+  const placeholderRef = React67.useRef(null);
+  const contentRef = React67.useRef(null);
+  const [affixed, setAffixed] = React67.useState(false);
+  const [fixedStyle, setFixedStyle] = React67.useState(void 0);
+  const [reserve, setReserve] = React67.useState(void 0);
+  const onChangeRef = React67.useRef(onChange);
   onChangeRef.current = onChange;
-  const targetRef = React68.useRef(target);
+  const targetRef = React67.useRef(target);
   targetRef.current = target;
-  const affixedRef = React68.useRef(false);
-  React68.useEffect(() => {
+  const affixedRef = React67.useRef(false);
+  React67.useEffect(() => {
     const el = resolve2(targetRef.current);
     const useTop = offsetTop != null || offsetBottom == null;
     const ot = offsetTop ?? 0;
@@ -2646,6 +2721,7 @@ function IrisAffix({
       "data-iris-affix": "",
       "data-affixed": affixed ? "true" : void 0,
       className,
+      ...rest,
       style: { ...affixed && reserve ? { height: reserve } : null, ...style },
       children: /* @__PURE__ */ jsx("div", { ref: contentRef, "data-iris-affix-content": "", style: affixed ? fixedStyle : void 0, children })
     }
@@ -2665,7 +2741,8 @@ function IrisResult({
   extra,
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
   const s = STATUS[status];
   return /* @__PURE__ */ jsxs(
@@ -2674,6 +2751,7 @@ function IrisResult({
       "data-iris-result": "",
       "data-status": status,
       className,
+      ...rest,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -2768,16 +2846,17 @@ function IrisTreeSelect({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const rootRef = React68.useRef(null);
+  const rootRef = React67.useRef(null);
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const currentValue = isControlled ? value : internal;
-  const [open, setOpen] = React68.useState(false);
-  const [expanded, setExpanded] = React68.useState(() => new Set(defaultExpanded ?? []));
-  const [focused, setFocused] = React68.useState(false);
+  const [open, setOpen] = React67.useState(false);
+  const [expanded, setExpanded] = React67.useState(() => new Set(defaultExpanded ?? []));
+  const [focused, setFocused] = React67.useState(false);
   const selected = currentValue ? findNode(options, currentValue) : void 0;
   const selectNode = (node) => {
     if (node.disabled) return;
@@ -2791,7 +2870,7 @@ function IrisTreeSelect({
     else next.add(v);
     return next;
   });
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
@@ -2879,6 +2958,7 @@ function IrisTreeSelect({
       "data-iris-tree-select": "",
       "data-state": open ? "open" : "closed",
       className,
+      ...rest,
       style: { position: "relative", display: "inline-block", minWidth: 220, ...style },
       children: [
         /* @__PURE__ */ jsxs(
@@ -2983,19 +3063,20 @@ function IrisMentions({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
-  const reactId = React68.useId();
+  const reactId = React67.useId();
   const listboxId = `${reactId}-listbox`;
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const text = isControlled ? value : internal;
-  const textareaRef = React68.useRef(null);
-  const startRef = React68.useRef(0);
-  const caretRef = React68.useRef(0);
-  const pendingCaret = React68.useRef(null);
-  const [active, setActive] = React68.useState(null);
-  const [activeIndex, setActiveIndex] = React68.useState(0);
+  const textareaRef = React67.useRef(null);
+  const startRef = React67.useRef(0);
+  const caretRef = React67.useRef(0);
+  const pendingCaret = React67.useRef(null);
+  const [active, setActive] = React67.useState(null);
+  const [activeIndex, setActiveIndex] = React67.useState(0);
   const filtered = active ? options.filter((o) => o.label.toLowerCase().includes(active.query.toLowerCase())) : [];
   const open = active !== null && filtered.length > 0;
   const setText = (next) => {
@@ -3043,7 +3124,7 @@ function IrisMentions({
       setActive(null);
     }
   };
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (pendingCaret.current != null && textareaRef.current) {
       const pos = pendingCaret.current;
       textareaRef.current.focus();
@@ -3057,6 +3138,7 @@ function IrisMentions({
     {
       "data-iris-mentions": "",
       className,
+      ...rest,
       style: { position: "relative", display: "inline-block", minWidth: 240, ...style },
       children: [
         /* @__PURE__ */ jsx(
@@ -3184,16 +3266,17 @@ function IrisCascader({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const rootRef = React68.useRef(null);
+  const rootRef = React67.useRef(null);
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const currentValue = isControlled ? value : internal;
-  const [open, setOpen] = React68.useState(false);
-  const [activePath, setActivePath] = React68.useState(defaultValue);
-  const [focused, setFocused] = React68.useState(false);
+  const [open, setOpen] = React67.useState(false);
+  const [activePath, setActivePath] = React67.useState(defaultValue);
+  const [focused, setFocused] = React67.useState(false);
   const columns = buildColumns(options, activePath);
   const labels = pathLabels(options, currentValue);
   const toggleOpen = () => {
@@ -3214,7 +3297,7 @@ function IrisCascader({
       setOpen(false);
     }
   };
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
@@ -3231,6 +3314,7 @@ function IrisCascader({
       "data-iris-cascader": "",
       "data-state": open ? "open" : "closed",
       className,
+      ...rest,
       style: { position: "relative", display: "inline-block", minWidth: 240, ...style },
       children: [
         /* @__PURE__ */ jsxs(
@@ -3371,14 +3455,15 @@ function IrisSegmented({
   block = false,
   ariaLabel,
   style,
-  className
+  className,
+  ...rest
 }) {
   const safeOptions = options ?? [];
   const norm = normalize(safeOptions);
   const isControlled = value !== void 0;
-  const refs = React68.useRef([]);
+  const refs = React67.useRef([]);
   const toKeys = (v) => v ? [v] : [];
-  const modelRef = React68.useRef(null);
+  const modelRef = React67.useRef(null);
   if (modelRef.current === null) {
     modelRef.current = createSelectionModel({
       mode: "single",
@@ -3388,16 +3473,16 @@ function IrisSegmented({
   }
   const model = modelRef.current;
   const currentValue = useStore(model.store)[0] ?? "";
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (isControlled) model.sync(toKeys(value));
   }, [value, isControlled, model]);
   const displayValue = isControlled ? toKeys(value)[0] ?? "" : currentValue;
   const rebaseToProp = () => {
     if (isControlled) model.sync(toKeys(value));
   };
-  const isOptionEnabled = React68.useCallback((i) => !norm[i]?.disabled, [norm]);
+  const isOptionEnabled = React67.useCallback((i) => !norm[i]?.disabled, [norm]);
   const selectedIndex = norm.findIndex((o) => o.value === displayValue);
-  const navRef = React68.useRef(null);
+  const navRef = React67.useRef(null);
   if (navRef.current === null) {
     navRef.current = createKeyboardNav({
       count: norm.length,
@@ -3408,7 +3493,7 @@ function IrisSegmented({
     });
   }
   const nav = navRef.current;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     nav.reset(norm.length);
   });
   const rovingIndex = nav.index;
@@ -3429,6 +3514,7 @@ function IrisSegmented({
       "data-iris-segmented-size": size,
       "data-disabled": disabled ? "true" : void 0,
       className,
+      ...rest,
       onKeyDown: (e) => {
         const action = nav.handleKeyDown({
           key: e.key,
@@ -3498,15 +3584,16 @@ function IrisImage({
   fallback,
   preview = true,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const [errored, setErrored] = React68.useState(false);
-  const [open, setOpen] = React68.useState(false);
-  React68.useEffect(() => {
+  const [errored, setErrored] = React67.useState(false);
+  const [open, setOpen] = React67.useState(false);
+  React67.useEffect(() => {
     setErrored(false);
   }, [src]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -3528,6 +3615,7 @@ function IrisImage({
         height,
         loading: "lazy",
         className,
+        ...rest,
         onError: () => {
           if (!errored) setErrored(true);
         },
@@ -3625,15 +3713,16 @@ function IrisFloatButton({
   actions,
   offset,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const rootRef = React68.useRef(null);
-  const [open, setOpen] = React68.useState(false);
+  const rootRef = React67.useRef(null);
+  const [open, setOpen] = React67.useState(false);
   const hasActions = !!actions && actions.length > 0;
   const content = children ?? icon ?? "+";
   const radius = shape === "circle" ? "50%" : "var(--iris-radius-md, 6px)";
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
@@ -3654,6 +3743,7 @@ function IrisFloatButton({
       ref: rootRef,
       "data-iris-float-button-root": "",
       className,
+      ...rest,
       style: {
         position: "fixed",
         insetBlockEnd: offset?.bottom ?? 24,
@@ -3727,19 +3817,20 @@ function IrisAnchor({
   onChange,
   ariaLabel,
   style,
-  className
+  className,
+  ...rest
 }) {
-  const [active, setActive] = React68.useState("");
-  const activeRef = React68.useRef("");
-  const itemsRef = React68.useRef(items);
+  const [active, setActive] = React67.useState("");
+  const activeRef = React67.useRef("");
+  const itemsRef = React67.useRef(items);
   itemsRef.current = items;
-  const offsetRef = React68.useRef(offset);
+  const offsetRef = React67.useRef(offset);
   offsetRef.current = offset;
-  const onChangeRef = React68.useRef(onChange);
+  const onChangeRef = React67.useRef(onChange);
   onChangeRef.current = onChange;
-  const targetRef = React68.useRef(target);
+  const targetRef = React67.useRef(target);
   targetRef.current = target;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     const el = resolve3(targetRef.current);
     const compute = () => {
       let current = "";
@@ -3768,7 +3859,7 @@ function IrisAnchor({
     setActive(href);
     onChange?.(href);
   };
-  return /* @__PURE__ */ jsx("nav", { "data-iris-anchor": "", "aria-label": ariaLabel, className, style, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("nav", { "data-iris-anchor": "", "aria-label": ariaLabel, className, ...rest, style, children: /* @__PURE__ */ jsx(
     "ul",
     {
       style: {
@@ -3824,13 +3915,14 @@ function IrisCountdown({
   onFinish,
   size = "md",
   style,
-  className
+  className,
+  ...rest
 }) {
-  const [now, setNow] = React68.useState(() => Date.now());
-  const onFinishRef = React68.useRef(onFinish);
+  const [now, setNow] = React67.useState(() => Date.now());
+  const onFinishRef = React67.useRef(onFinish);
   onFinishRef.current = onFinish;
-  const finishedRef = React68.useRef(false);
-  React68.useEffect(() => {
+  const finishedRef = React67.useRef(false);
+  React67.useEffect(() => {
     finishedRef.current = false;
     const tick = format.includes("SSS") ? 100 : 1e3;
     const finishIfDue = (n, id2) => {
@@ -3858,6 +3950,7 @@ function IrisCountdown({
       "data-iris-countdown": "",
       "data-finished": finished ? "true" : void 0,
       className,
+      ...rest,
       style: { display: "flex", flexDirection: "column", gap: 4, ...style },
       children: [
         title != null ? /* @__PURE__ */ jsx("div", { "data-iris-countdown-title": "", style: { fontSize: 13, color: "var(--iris-muted)" }, children: title }) : null,
@@ -3911,23 +4004,24 @@ function IrisTour({
   onClose,
   onFinish,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const isControlled = open !== void 0;
-  const [internalOpen, setInternalOpen] = React68.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React67.useState(defaultOpen);
   const isOpen = isControlled ? open : internalOpen;
-  const [step, setStep] = React68.useState(0);
-  const [spotlight, setSpotlight] = React68.useState(null);
-  const wasOpen = React68.useRef(false);
+  const [step, setStep] = React67.useState(0);
+  const [spotlight, setSpotlight] = React67.useState(null);
+  const wasOpen = React67.useRef(false);
   const total = steps.length;
   const current = Math.min(step, Math.max(0, total - 1));
   const stepData = steps[current];
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (isOpen && !wasOpen.current) setStep(0);
     wasOpen.current = isOpen;
   }, [isOpen]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!isOpen || !stepData) return;
     const el = stepData.target?.();
     if (el) {
@@ -3941,7 +4035,7 @@ function IrisTour({
     if (!isControlled) setInternalOpen(false);
     onClose?.();
   };
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!isOpen) return;
     const onKey = (e) => {
       if (e.key === "Escape") close();
@@ -3969,7 +4063,7 @@ function IrisTour({
   const spotlit = spotlight && spotlight.width > 0;
   const cardPos = spotlit ? { top: spotlight.top + spotlight.height + 12, insetInlineStart: spotlight.left } : { top: "50%", insetInlineStart: "50%", transform: "translate(-50%, -50%)" };
   const dialogLabel = typeof stepData.title === "string" ? stepData.title : t("tour.step", { current: current + 1, total });
-  return /* @__PURE__ */ jsxs("div", { "data-iris-tour": "", className, style, children: [
+  return /* @__PURE__ */ jsxs("div", { "data-iris-tour": "", className, ...rest, style, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -4055,14 +4149,15 @@ function IrisTagInput({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const tags = isControlled ? value : internal;
-  const [input, setInput] = React68.useState("");
-  const [focused, setFocused] = React68.useState(false);
+  const [input, setInput] = React67.useState("");
+  const [focused, setFocused] = React67.useState(false);
   const setTags = (next) => {
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
@@ -4109,6 +4204,7 @@ function IrisTagInput({
       "data-iris-tag-input": "",
       "data-state": invalid ? "invalid" : focused ? "focused" : "idle",
       className,
+      ...rest,
       style: {
         display: "flex",
         flexWrap: "wrap",
@@ -4213,11 +4309,12 @@ function IrisCopyButton({
   disabled = false,
   size = "md",
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const [copied, setCopied] = React68.useState(false);
-  const timerRef = React68.useRef(void 0);
+  const [copied, setCopied] = React67.useState(false);
+  const timerRef = React67.useRef(void 0);
   const copy = async () => {
     if (disabled) return;
     try {
@@ -4232,7 +4329,7 @@ function IrisCopyButton({
     if (timerRef.current) clearTimeout(timerRef.current);
     timerRef.current = setTimeout(() => setCopied(false), timeout);
   };
-  React68.useEffect(
+  React67.useEffect(
     () => () => {
       if (timerRef.current) clearTimeout(timerRef.current);
     },
@@ -4248,6 +4345,7 @@ function IrisCopyButton({
       disabled,
       onClick: copy,
       className,
+      ...rest,
       style: {
         display: "inline-flex",
         alignItems: "center",
@@ -4284,7 +4382,8 @@ function IrisProgressCircle({
   format,
   ariaLabel,
   style,
-  className
+  className,
+  ...rest
 }) {
   const ratio = Math.max(0, Math.min(1, max > 0 ? value / max : 0));
   const percent = Math.round(ratio * 100);
@@ -4304,6 +4403,7 @@ function IrisProgressCircle({
       "aria-valuetext": `${percent}%`,
       "aria-label": ariaLabel,
       className,
+      ...rest,
       style: { position: "relative", display: "inline-flex", width: size, height: size, ...style },
       children: [
         /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
@@ -4372,13 +4472,14 @@ function IrisSplitButton({
   disabled = false,
   menuAriaLabel,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const rootRef = React68.useRef(null);
-  const [open, setOpen] = React68.useState(false);
+  const rootRef = React67.useRef(null);
+  const [open, setOpen] = React67.useState(false);
   const hasActions = !!actions && actions.length > 0;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
@@ -4416,6 +4517,7 @@ function IrisSplitButton({
       "data-iris-split-button": "",
       "data-state": open ? "open" : "closed",
       className,
+      ...rest,
       style: { position: "relative", display: "inline-flex", ...style },
       children: [
         /* @__PURE__ */ jsx(
@@ -4515,7 +4617,8 @@ function IrisAspectRatio({
   ratio = 16 / 9,
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -4523,6 +4626,7 @@ function IrisAspectRatio({
       "data-iris-aspect-ratio": "",
       "data-ratio": ratio,
       className,
+      ...rest,
       style: { position: "relative", width: "100%", aspectRatio: String(ratio), ...style },
       children: /* @__PURE__ */ jsx(
         "div",
@@ -4564,7 +4668,8 @@ function IrisScrollArea({
   axis = "vertical",
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -4573,6 +4678,7 @@ function IrisScrollArea({
       "data-axis": axis,
       tabIndex: 0,
       className,
+      ...rest,
       style: { ...OVERFLOW[axis], maxHeight, maxWidth, outline: "none", ...style },
       children
     }
@@ -4584,7 +4690,8 @@ function IrisRibbon({
   color,
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
   const side = placement === "end" ? {
     insetInlineEnd: 0,
@@ -4601,6 +4708,7 @@ function IrisRibbon({
       "data-iris-ribbon": "",
       "data-placement": placement,
       className,
+      ...rest,
       style: { position: "relative", display: "inline-block", ...style },
       children: [
         children,
@@ -4644,7 +4752,8 @@ function IrisGauge({
   format,
   ariaLabel,
   style,
-  className
+  className,
+  ...rest
 }) {
   const span = max - min;
   const ratio = Math.max(0, Math.min(1, span > 0 ? (value - min) / span : 0));
@@ -4667,6 +4776,7 @@ function IrisGauge({
       "aria-valuetext": `${percent}%`,
       "aria-label": ariaLabel,
       className,
+      ...rest,
       style: { position: "relative", display: "inline-block", width: size, ...style },
       children: [
         /* @__PURE__ */ jsxs("svg", { width: size, height, viewBox: `0 0 ${size} ${height}`, "aria-hidden": "true", children: [
@@ -4727,11 +4837,12 @@ function IrisMarquee({
   pauseOnHover = true,
   gap = 40,
   style,
-  className
+  className,
+  ...rest
 }) {
-  const trackRef = React68.useRef(null);
-  const animRef = React68.useRef(null);
-  React68.useEffect(() => {
+  const trackRef = React67.useRef(null);
+  const animRef = React67.useRef(null);
+  React67.useEffect(() => {
     const el = trackRef.current;
     if (!el || typeof el.animate !== "function" || prefersReducedMotion4()) return;
     const frames = direction === "left" ? [{ transform: "translateX(0%)" }, { transform: "translateX(-50%)" }] : [{ transform: "translateX(-50%)" }, { transform: "translateX(0%)" }];
@@ -4765,6 +4876,7 @@ function IrisMarquee({
     {
       "data-iris-marquee": "",
       className,
+      ...rest,
       onMouseEnter: () => {
         if (pauseOnHover) animRef.current?.pause();
       },
@@ -4792,7 +4904,8 @@ function IrisMasonry({
   gap = 16,
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -4800,8 +4913,9 @@ function IrisMasonry({
       "data-iris-masonry": "",
       "data-columns": columns,
       className,
+      ...rest,
       style: { columnCount: columns, columnGap: gap, ...style },
-      children: React68.Children.map(children, (child) => /* @__PURE__ */ jsx("div", { "data-iris-masonry-item": "", style: { breakInside: "avoid", marginBlockEnd: gap }, children: child }))
+      children: React67.Children.map(children, (child) => /* @__PURE__ */ jsx("div", { "data-iris-masonry-item": "", style: { breakInside: "avoid", marginBlockEnd: gap }, children: child }))
     }
   );
 }
@@ -4811,7 +4925,8 @@ function IrisFieldset({
   hint,
   children,
   style,
-  className
+  className,
+  ...rest
 }) {
   return /* @__PURE__ */ jsxs(
     "fieldset",
@@ -4819,6 +4934,7 @@ function IrisFieldset({
       "data-iris-fieldset": "",
       disabled,
       className,
+      ...rest,
       style: {
         minInlineSize: 0,
         margin: 0,
@@ -4861,17 +4977,18 @@ function IrisToolbar({
   orientation = "horizontal",
   ariaLabel,
   style,
-  className
+  className,
+  ...rest
 }) {
-  const ref = React68.useRef(null);
-  const items = React68.useCallback(() => {
+  const ref = React67.useRef(null);
+  const items = React67.useCallback(() => {
     const root = ref.current;
     if (!root) return [];
     return Array.from(root.querySelectorAll(SELECTOR)).filter(
       (el) => !el.hasAttribute("disabled")
     );
   }, []);
-  const navRef = React68.useRef(null);
+  const navRef = React67.useRef(null);
   if (navRef.current === null) {
     navRef.current = createKeyboardNav({
       count: 0,
@@ -4881,10 +4998,10 @@ function IrisToolbar({
     });
   }
   const nav = navRef.current;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     nav.reset(items().length);
   });
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     items().forEach((el, i) => {
       el.tabIndex = i === 0 ? 0 : -1;
     });
@@ -4925,6 +5042,7 @@ function IrisToolbar({
       className,
       onFocusCapture,
       onKeyDown,
+      ...rest,
       style: {
         display: "inline-flex",
         flexDirection: orientation === "vertical" ? "column" : "row",
@@ -4936,14 +5054,14 @@ function IrisToolbar({
     }
   );
 }
-var RadioGroupContext = React68.createContext(null);
+var RadioGroupContext = React67.createContext(null);
 var DIM_MAP2 = {
   sm: "14px",
   md: "18px",
   lg: "22px"
 };
-var IrisRadio = React68.forwardRef(function IrisRadio2({ value, size = "md", disabled, children, style, ...rest }, ref) {
-  const ctx = React68.useContext(RadioGroupContext);
+var IrisRadio = React67.forwardRef(function IrisRadio2({ value, size = "md", disabled, children, style, ...rest }, ref) {
+  const ctx = React67.useContext(RadioGroupContext);
   if (!ctx) throw new Error("IrisRadio must be used inside <IrisRadioGroup>");
   const isDisabled = disabled || ctx.disabled;
   const isChecked = ctx.value === value;
@@ -5028,7 +5146,7 @@ function IrisRadioGroup({
 }) {
   const isControlled = value !== void 0;
   const toKeys = (v) => v == null ? [] : [v];
-  const modelRef = React68.useRef(null);
+  const modelRef = React67.useRef(null);
   if (modelRef.current === null) {
     modelRef.current = createSelectionModel({
       mode: "single",
@@ -5038,10 +5156,10 @@ function IrisRadioGroup({
   }
   const model = modelRef.current;
   const current = useStore(model.store)[0] ?? null;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (isControlled) model.sync(toKeys(value));
   }, [value, isControlled, model]);
-  const autoName = React68.useId();
+  const autoName = React67.useId();
   const groupName = name ?? `iris-radio-${autoName}`;
   const setValue = (next) => {
     if (disabled) return;
@@ -5073,18 +5191,19 @@ function IrisTooltip({
   closeDelay = 0,
   portalTarget,
   disabled = false,
-  children
+  children,
+  ...rest
 }) {
-  const triggerRef = React68.useRef(null);
-  const floatingRef = React68.useRef(null);
-  const tooltipId = React68.useId();
-  const [open, setOpen] = React68.useState(false);
-  const hi = React68.useMemo(
+  const triggerRef = React67.useRef(null);
+  const floatingRef = React67.useRef(null);
+  const tooltipId = React67.useId();
+  const [open, setOpen] = React67.useState(false);
+  const hi = React67.useMemo(
     () => createHoverIntent({ openDelay, closeDelay, onChange: setOpen }),
     [openDelay, closeDelay]
   );
-  React68.useEffect(() => () => hi.stop(), [hi]);
-  React68.useEffect(() => {
+  React67.useEffect(() => () => hi.stop(), [hi]);
+  React67.useEffect(() => {
     if (!open) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") hi.close();
@@ -5092,7 +5211,7 @@ function IrisTooltip({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [open, hi]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (disabled && open) hi.close();
   }, [disabled, open, hi]);
   const { floatingStyles } = useFloating({
@@ -5102,23 +5221,23 @@ function IrisTooltip({
     placement,
     offset
   });
-  const captureTriggerRef = React68.useCallback((el) => {
+  const captureTriggerRef = React67.useCallback((el) => {
     triggerRef.current = el;
   }, []);
-  const captureFloatingRef = React68.useCallback((el) => {
+  const captureFloatingRef = React67.useCallback((el) => {
     floatingRef.current = el;
   }, []);
-  if (!React68.isValidElement(children)) {
+  if (!React67.isValidElement(children)) {
     if (process.env.NODE_ENV !== "production") {
       console.warn("[iris-ui] IrisTooltip requires a single React element child as trigger");
     }
     return null;
   }
-  const handleEnter = React68.useCallback(
+  const handleEnter = React67.useCallback(
     () => openDelay > 0 ? hi.pointerEnter() : hi.open(),
     [openDelay, hi]
   );
-  const handleLeave = React68.useCallback(
+  const handleLeave = React67.useCallback(
     () => closeDelay > 0 ? hi.pointerLeave() : hi.close(),
     [closeDelay, hi]
   );
@@ -5128,6 +5247,7 @@ function IrisTooltip({
       ref: captureFloatingRef,
       id: tooltipId,
       role: "tooltip",
+      ...rest,
       "data-state": "open",
       "data-placement": placement,
       style: {
@@ -5162,9 +5282,9 @@ function IrisTooltip({
     portaled
   ] });
 }
-var PopoverContext = React68.createContext(null);
+var PopoverContext = React67.createContext(null);
 function usePopoverContext(componentName) {
-  const ctx = React68.useContext(PopoverContext);
+  const ctx = React67.useContext(PopoverContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be a descendant of <IrisPopover>`);
   }
@@ -5181,7 +5301,7 @@ function IrisPopover({
   const isControlled = openProp !== void 0;
   const [state, send] = useMachine(() => createFloatingMachine(defaultOpen ? "open" : "closed"));
   const internalOpen = state.value === "open";
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!isControlled) return;
     const target = openProp ? "open" : "closed";
     if (state.value !== target) {
@@ -5189,7 +5309,7 @@ function IrisPopover({
     }
   }, [isControlled, openProp, state.value, send]);
   const open = isControlled ? Boolean(openProp) : internalOpen;
-  const setOpen = React68.useCallback(
+  const setOpen = React67.useCallback(
     (next) => {
       if (!isControlled) {
         send({ type: next ? "OPEN" : "CLOSE" });
@@ -5198,10 +5318,10 @@ function IrisPopover({
     },
     [isControlled, send, onOpenChange]
   );
-  const triggerRef = React68.useRef(null);
-  const contentRef = React68.useRef(null);
-  const contentId = React68.useId();
-  const value = React68.useMemo(
+  const triggerRef = React67.useRef(null);
+  const contentRef = React67.useRef(null);
+  const contentId = React67.useId();
+  const value = React67.useMemo(
     () => ({
       open,
       setOpen,
@@ -5215,10 +5335,10 @@ function IrisPopover({
   );
   return /* @__PURE__ */ jsx(PopoverContext.Provider, { value, children });
 }
-var IrisPopoverTrigger = React68.forwardRef(
+var IrisPopoverTrigger = React67.forwardRef(
   function IrisPopoverTrigger2({ asChild = false, onClick, children, ...rest }, forwardedRef) {
     const ctx = usePopoverContext("IrisPopoverTrigger");
-    const captureRef = React68.useCallback(
+    const captureRef = React67.useCallback(
       (el) => {
         ctx.triggerRef.current = el;
         if (typeof forwardedRef === "function") forwardedRef(el);
@@ -5239,7 +5359,7 @@ var IrisPopoverTrigger = React68.forwardRef(
       onClick: handleClick
     };
     if (asChild) {
-      if (!React68.isValidElement(children)) {
+      if (!React67.isValidElement(children)) {
         if (process.env.NODE_ENV !== "production") {
           console.warn("[iris-ui] IrisPopoverTrigger asChild requires a single React element");
         }
@@ -5259,11 +5379,11 @@ var IrisPopoverTrigger = React68.forwardRef(
     );
   }
 );
-var IrisPopoverContent = React68.forwardRef(
+var IrisPopoverContent = React67.forwardRef(
   function IrisPopoverContent2({ portalTarget, autoFocus = true, restoreFocus = true, style, children, ...rest }, forwardedRef) {
     const ctx = usePopoverContext("IrisPopoverContent");
-    const innerRef = React68.useRef(null);
-    const captureRef = React68.useCallback(
+    const innerRef = React67.useRef(null);
+    const captureRef = React67.useCallback(
       (el) => {
         innerRef.current = el;
         ctx.contentRef.current = el;
@@ -5285,9 +5405,9 @@ var IrisPopoverContent = React68.forwardRef(
       exclude: [ctx.triggerRef, ctx.contentRef],
       onDismiss: () => ctx.setOpen(false)
     });
-    const lastFocusedRef = React68.useRef(null);
-    const wasOpenRef = React68.useRef(false);
-    React68.useEffect(() => {
+    const lastFocusedRef = React67.useRef(null);
+    const wasOpenRef = React67.useRef(false);
+    React67.useEffect(() => {
       if (ctx.open && !wasOpenRef.current) {
         lastFocusedRef.current = document.activeElement ?? ctx.triggerRef.current;
         if (autoFocus) {
@@ -5335,9 +5455,9 @@ var IrisPopoverContent = React68.forwardRef(
     return createPortal(node, portalTarget ?? document.body);
   }
 );
-var DialogContext = React68.createContext(null);
+var DialogContext = React67.createContext(null);
 function useDialogContext(componentName) {
-  const ctx = React68.useContext(DialogContext);
+  const ctx = React67.useContext(DialogContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be a descendant of <IrisDialog>`);
   }
@@ -5354,7 +5474,7 @@ function IrisDialog({
   const isControlled = openProp !== void 0;
   const [state, send] = useMachine(() => createFloatingMachine(defaultOpen ? "open" : "closed"));
   const internalOpen = state.value === "open";
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!isControlled) return;
     const target = openProp ? "open" : "closed";
     if (state.value !== target) {
@@ -5362,7 +5482,7 @@ function IrisDialog({
     }
   }, [isControlled, openProp, state.value, send]);
   const open = isControlled ? Boolean(openProp) : internalOpen;
-  const setOpen = React68.useCallback(
+  const setOpen = React67.useCallback(
     (next) => {
       if (!isControlled) {
         send({ type: next ? "OPEN" : "CLOSE" });
@@ -5371,16 +5491,16 @@ function IrisDialog({
     },
     [isControlled, send, onOpenChange]
   );
-  const triggerRef = React68.useRef(null);
-  const contentRef = React68.useRef(null);
-  const contentId = React68.useId();
-  const titleId = React68.useId();
-  const descriptionId = React68.useId();
-  const titleCountRef = React68.useRef(0);
-  const descCountRef = React68.useRef(0);
-  const [hasTitle, setHasTitle] = React68.useState(false);
-  const [hasDescription, setHasDescription] = React68.useState(false);
-  const registerTitle = React68.useCallback(() => {
+  const triggerRef = React67.useRef(null);
+  const contentRef = React67.useRef(null);
+  const contentId = React67.useId();
+  const titleId = React67.useId();
+  const descriptionId = React67.useId();
+  const titleCountRef = React67.useRef(0);
+  const descCountRef = React67.useRef(0);
+  const [hasTitle, setHasTitle] = React67.useState(false);
+  const [hasDescription, setHasDescription] = React67.useState(false);
+  const registerTitle = React67.useCallback(() => {
     titleCountRef.current += 1;
     setHasTitle(true);
     return () => {
@@ -5388,7 +5508,7 @@ function IrisDialog({
       if (titleCountRef.current <= 0) setHasTitle(false);
     };
   }, []);
-  const registerDescription = React68.useCallback(() => {
+  const registerDescription = React67.useCallback(() => {
     descCountRef.current += 1;
     setHasDescription(true);
     return () => {
@@ -5396,7 +5516,7 @@ function IrisDialog({
       if (descCountRef.current <= 0) setHasDescription(false);
     };
   }, []);
-  const value = React68.useMemo(
+  const value = React67.useMemo(
     () => ({
       open,
       setOpen,
@@ -5428,10 +5548,10 @@ function IrisDialog({
   );
   return /* @__PURE__ */ jsx(DialogContext.Provider, { value, children });
 }
-var IrisDialogTrigger = React68.forwardRef(
+var IrisDialogTrigger = React67.forwardRef(
   function IrisDialogTrigger2({ asChild = false, onClick, children, ...rest }, forwardedRef) {
     const ctx = useDialogContext("IrisDialogTrigger");
-    const captureRef = React68.useCallback(
+    const captureRef = React67.useCallback(
       (el) => {
         ctx.triggerRef.current = el;
         if (typeof forwardedRef === "function") forwardedRef(el);
@@ -5452,7 +5572,7 @@ var IrisDialogTrigger = React68.forwardRef(
       onClick: handleClick
     };
     if (asChild) {
-      if (!React68.isValidElement(children)) {
+      if (!React67.isValidElement(children)) {
         if (process.env.NODE_ENV !== "production") {
           console.warn("[iris-ui] IrisDialogTrigger asChild requires a single React element");
         }
@@ -5472,11 +5592,11 @@ var IrisDialogTrigger = React68.forwardRef(
     );
   }
 );
-var IrisDialogContent = React68.forwardRef(
+var IrisDialogContent = React67.forwardRef(
   function IrisDialogContent2({ portalTarget, style, onPointerDown, children, ...rest }, forwardedRef) {
     const ctx = useDialogContext("IrisDialogContent");
-    const innerRef = React68.useRef(null);
-    const captureRef = React68.useCallback(
+    const innerRef = React67.useRef(null);
+    const captureRef = React67.useCallback(
       (el) => {
         innerRef.current = el;
         ctx.contentRef.current = el;
@@ -5492,7 +5612,7 @@ var IrisDialogContent = React68.forwardRef(
       active: ctx.open,
       returnFocusTo: ctx.triggerRef
     });
-    React68.useEffect(() => {
+    React67.useEffect(() => {
       if (!ctx.open || !ctx.closeOnEscape) return;
       const onKeyDown = (e) => {
         if (e.key === "Escape") {
@@ -5563,11 +5683,11 @@ var IrisDialogContent = React68.forwardRef(
     return createPortal(node, portalTarget ?? document.body);
   }
 );
-var IrisDialogTitle = React68.forwardRef(
+var IrisDialogTitle = React67.forwardRef(
   function IrisDialogTitle2({ as = "h2", style, children, ...rest }, ref) {
     const ctx = useDialogContext("IrisDialogTitle");
-    React68.useEffect(() => ctx.registerTitle(), [ctx.registerTitle]);
-    return React68.createElement(
+    React67.useEffect(() => ctx.registerTitle(), [ctx.registerTitle]);
+    return React67.createElement(
       as,
       {
         ...rest,
@@ -5584,11 +5704,11 @@ var IrisDialogTitle = React68.forwardRef(
     );
   }
 );
-var IrisDialogDescription = React68.forwardRef(
+var IrisDialogDescription = React67.forwardRef(
   function IrisDialogDescription2({ as = "p", style, children, ...rest }, ref) {
     const ctx = useDialogContext("IrisDialogDescription");
-    React68.useEffect(() => ctx.registerDescription(), [ctx.registerDescription]);
-    return React68.createElement(
+    React67.useEffect(() => ctx.registerDescription(), [ctx.registerDescription]);
+    return React67.createElement(
       as,
       {
         ...rest,
@@ -5605,7 +5725,7 @@ var IrisDialogDescription = React68.forwardRef(
     );
   }
 );
-var IrisDialogClose = React68.forwardRef(
+var IrisDialogClose = React67.forwardRef(
   function IrisDialogClose2({ asChild = false, onClick, children, ...rest }, forwardedRef) {
     const ctx = useDialogContext("IrisDialogClose");
     const handleClick = composeEventHandlers(
@@ -5613,7 +5733,7 @@ var IrisDialogClose = React68.forwardRef(
       () => ctx.setOpen(false)
     );
     if (asChild) {
-      if (!React68.isValidElement(children)) {
+      if (!React67.isValidElement(children)) {
         if (process.env.NODE_ENV !== "production") {
           console.warn("[iris-ui] IrisDialogClose asChild requires a single React element");
         }
@@ -5633,9 +5753,9 @@ var IrisDialogClose = React68.forwardRef(
     );
   }
 );
-var DrawerContext = React68.createContext(null);
+var DrawerContext = React67.createContext(null);
 function useDrawerContext(componentName) {
-  const ctx = React68.useContext(DrawerContext);
+  const ctx = React67.useContext(DrawerContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be a descendant of <IrisDrawer>`);
   }
@@ -5654,7 +5774,7 @@ function IrisDrawer({
   const isControlled = openProp !== void 0;
   const [state, send] = useMachine(() => createFloatingMachine(defaultOpen ? "open" : "closed"));
   const internalOpen = state.value === "open";
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!isControlled) return;
     const target = openProp ? "open" : "closed";
     if (state.value !== target) {
@@ -5662,7 +5782,7 @@ function IrisDrawer({
     }
   }, [isControlled, openProp, state.value, send]);
   const open = isControlled ? Boolean(openProp) : internalOpen;
-  const setOpen = React68.useCallback(
+  const setOpen = React67.useCallback(
     (next) => {
       if (!isControlled) {
         send({ type: next ? "OPEN" : "CLOSE" });
@@ -5671,14 +5791,14 @@ function IrisDrawer({
     },
     [isControlled, send, onOpenChange]
   );
-  const triggerRef = React68.useRef(null);
-  const contentRef = React68.useRef(null);
-  const id = React68.useId();
+  const triggerRef = React67.useRef(null);
+  const contentRef = React67.useRef(null);
+  const id = React67.useId();
   const contentId = `${id}-content`;
   const titleId = `${id}-title`;
-  const titleCountRef = React68.useRef(0);
-  const [hasTitle, setHasTitle] = React68.useState(false);
-  const registerTitle = React68.useCallback(() => {
+  const titleCountRef = React67.useRef(0);
+  const [hasTitle, setHasTitle] = React67.useState(false);
+  const registerTitle = React67.useCallback(() => {
     titleCountRef.current += 1;
     setHasTitle(true);
     return () => {
@@ -5686,7 +5806,7 @@ function IrisDrawer({
       if (titleCountRef.current <= 0) setHasTitle(false);
     };
   }, []);
-  const value = React68.useMemo(
+  const value = React67.useMemo(
     () => ({
       open,
       setOpen,
@@ -5716,10 +5836,10 @@ function IrisDrawer({
   );
   return /* @__PURE__ */ jsx(DrawerContext.Provider, { value, children });
 }
-var IrisDrawerTrigger = React68.forwardRef(
+var IrisDrawerTrigger = React67.forwardRef(
   function IrisDrawerTrigger2({ asChild = false, onClick, children, ...rest }, forwardedRef) {
     const ctx = useDrawerContext("IrisDrawerTrigger");
-    const captureRef = React68.useCallback(
+    const captureRef = React67.useCallback(
       (el) => {
         ctx.triggerRef.current = el;
         if (typeof forwardedRef === "function") forwardedRef(el);
@@ -5740,7 +5860,7 @@ var IrisDrawerTrigger = React68.forwardRef(
       onClick: handleClick
     };
     if (asChild) {
-      if (!React68.isValidElement(children)) {
+      if (!React67.isValidElement(children)) {
         if (process.env.NODE_ENV !== "production") {
           console.warn("[iris-ui] IrisDrawerTrigger asChild requires a single React element");
         }
@@ -5823,11 +5943,11 @@ function panelPositionStyle(side, size) {
   }
 }
 var EXIT_DURATION_MS = 220;
-var IrisDrawerContent = React68.forwardRef(
+var IrisDrawerContent = React67.forwardRef(
   function IrisDrawerContent2({ portalTarget, style, children, ...rest }, forwardedRef) {
     const ctx = useDrawerContext("IrisDrawerContent");
-    const innerRef = React68.useRef(null);
-    const captureRef = React68.useCallback(
+    const innerRef = React67.useRef(null);
+    const captureRef = React67.useCallback(
       (el) => {
         innerRef.current = el;
         ctx.contentRef.current = el;
@@ -5837,9 +5957,9 @@ var IrisDrawerContent = React68.forwardRef(
       },
       [ctx, forwardedRef]
     );
-    const [mounted, setMounted] = React68.useState(ctx.open);
-    const [visible, setVisible] = React68.useState(ctx.open);
-    React68.useEffect(() => {
+    const [mounted, setMounted] = React67.useState(ctx.open);
+    const [visible, setVisible] = React67.useState(ctx.open);
+    React67.useEffect(() => {
       if (ctx.open) {
         setMounted(true);
         const raf = requestAnimationFrame(() => setVisible(true));
@@ -5856,7 +5976,7 @@ var IrisDrawerContent = React68.forwardRef(
       active: ctx.open,
       returnFocusTo: ctx.triggerRef
     });
-    React68.useEffect(() => {
+    React67.useEffect(() => {
       if (!ctx.open || !ctx.closeOnEscape) return;
       const onKeyDown = (e) => {
         if (e.key === "Escape") {
@@ -5922,10 +6042,10 @@ var IrisDrawerContent = React68.forwardRef(
     return createPortal(node, portalTarget ?? document.body);
   }
 );
-var IrisDrawerTitle = React68.forwardRef(
+var IrisDrawerTitle = React67.forwardRef(
   function IrisDrawerTitle2({ style, children, ...rest }, ref) {
     const ctx = useDrawerContext("IrisDrawerTitle");
-    React68.useEffect(() => ctx.registerTitle(), [ctx.registerTitle]);
+    React67.useEffect(() => ctx.registerTitle(), [ctx.registerTitle]);
     return /* @__PURE__ */ jsx(
       "h2",
       {
@@ -5946,7 +6066,7 @@ var IrisDrawerTitle = React68.forwardRef(
     );
   }
 );
-var IrisDrawerClose = React68.forwardRef(
+var IrisDrawerClose = React67.forwardRef(
   function IrisDrawerClose2({ asChild = false, onClick, children, ...rest }, forwardedRef) {
     const ctx = useDrawerContext("IrisDrawerClose");
     const handleClick = composeEventHandlers(
@@ -5954,7 +6074,7 @@ var IrisDrawerClose = React68.forwardRef(
       () => ctx.setOpen(false)
     );
     if (asChild) {
-      if (!React68.isValidElement(children)) {
+      if (!React67.isValidElement(children)) {
         if (process.env.NODE_ENV !== "production") {
           console.warn("[iris-ui] IrisDrawerClose asChild requires a single React element");
         }
@@ -6086,24 +6206,24 @@ function IrisToastViewport({
   ...rest
 }) {
   const { t } = useI18n();
-  const allToasts = React68.useSyncExternalStore(subscribeToasts, getToasts, () => []);
-  const toasts = React68.useMemo(
+  const allToasts = React67.useSyncExternalStore(subscribeToasts, getToasts, () => []);
+  const toasts = React67.useMemo(
     () => allToasts.length > max ? allToasts.slice(-max) : allToasts,
     [allToasts, max]
   );
-  const [hovered, setHovered] = React68.useState(false);
-  const dismissersRef = React68.useRef(/* @__PURE__ */ new Map());
+  const [hovered, setHovered] = React67.useState(false);
+  const dismissersRef = React67.useRef(/* @__PURE__ */ new Map());
   const SWIPE_DISMISS_PX = 80;
-  const [drag, setDrag] = React68.useState(null);
-  const dragRef = React68.useRef(null);
-  const cancelDismisser = React68.useCallback((id) => {
+  const [drag, setDrag] = React67.useState(null);
+  const dragRef = React67.useRef(null);
+  const cancelDismisser = React67.useCallback((id) => {
     const d = dismissersRef.current.get(id);
     if (d) {
       d.cancel();
       dismissersRef.current.delete(id);
     }
   }, []);
-  const armDismisser = React68.useCallback((toast) => {
+  const armDismisser = React67.useCallback((toast) => {
     if (!toast.duration || toast.duration === Infinity) return;
     const remaining = Math.max(0, toast.createdAt + toast.duration - Date.now());
     const dismisser = createAutoDismiss({
@@ -6116,7 +6236,7 @@ function IrisToastViewport({
     dismissersRef.current.set(toast.id, dismisser);
     dismisser.start();
   }, []);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     const liveIds = new Set(toasts.map((t2) => t2.id));
     for (const id of Array.from(dismissersRef.current.keys())) {
       if (!liveIds.has(id)) cancelDismisser(id);
@@ -6128,14 +6248,14 @@ function IrisToastViewport({
       }
     }
   }, [toasts, hovered, armDismisser, cancelDismisser]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (hovered) {
       for (const d of dismissersRef.current.values()) d.pause();
     } else {
       for (const d of dismissersRef.current.values()) d.resume();
     }
   }, [hovered]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     const dismissers = dismissersRef.current;
     return () => {
       for (const d of dismissers.values()) d.cancel();
@@ -6270,9 +6390,9 @@ function IrisToastViewport({
   if (typeof document === "undefined") return null;
   return createPortal(node, portalTarget ?? document.body);
 }
-var TabsContext = React68.createContext(null);
+var TabsContext = React67.createContext(null);
 function useTabsContext(componentName) {
-  const ctx = React68.useContext(TabsContext);
+  const ctx = React67.useContext(TabsContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be inside an <IrisTabs>`);
   }
@@ -6288,24 +6408,24 @@ function IrisTabs({
   children
 }) {
   const isControlled = valueProp !== void 0;
-  const [internalValue, setInternalValue] = React68.useState(defaultValue ?? null);
+  const [internalValue, setInternalValue] = React67.useState(defaultValue ?? null);
   const effectiveValue = isControlled ? valueProp : internalValue;
-  const setValue = React68.useCallback(
+  const setValue = React67.useCallback(
     (next) => {
       if (!isControlled) setInternalValue(next);
       onValueChange?.(next);
     },
     [isControlled, onValueChange]
   );
-  const triggersRef = React68.useRef([]);
-  const listRef = React68.useRef(null);
-  const focusTriggerByValue = React68.useCallback((value2) => {
+  const triggersRef = React67.useRef([]);
+  const listRef = React67.useRef(null);
+  const focusTriggerByValue = React67.useCallback((value2) => {
     const root = listRef.current;
     if (!root) return;
     const el = root.querySelector(`[data-iris-tabs-trigger][data-value="${value2}"]`);
     el?.focus();
   }, []);
-  const registerTrigger = React68.useCallback(
+  const registerTrigger = React67.useCallback(
     (value2, isDisabled) => {
       if (triggersRef.current.some((t) => t.value === value2)) {
         return () => {
@@ -6324,7 +6444,7 @@ function IrisTabs({
     },
     [isControlled]
   );
-  const moveFocus = React68.useCallback(
+  const moveFocus = React67.useCallback(
     (from, delta) => {
       const enabled = triggersRef.current.filter((t) => !t.isDisabled());
       if (enabled.length === 0) return;
@@ -6341,7 +6461,7 @@ function IrisTabs({
     },
     [setValue, focusTriggerByValue]
   );
-  const value = React68.useMemo(
+  const value = React67.useMemo(
     () => ({
       value: effectiveValue,
       setValue,
@@ -6356,10 +6476,10 @@ function IrisTabs({
   );
   return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children });
 }
-var IrisTabsList = React68.forwardRef(
+var IrisTabsList = React67.forwardRef(
   function IrisTabsList2({ style, children, ...rest }, forwardedRef) {
     const ctx = useTabsContext("IrisTabsList");
-    const captureRef = React68.useCallback(
+    const captureRef = React67.useCallback(
       (el) => {
         ctx.listRef.current = el;
         if (typeof forwardedRef === "function") forwardedRef(el);
@@ -6390,15 +6510,15 @@ var IrisTabsList = React68.forwardRef(
     );
   }
 );
-var IrisTabsTrigger = React68.forwardRef(
+var IrisTabsTrigger = React67.forwardRef(
   function IrisTabsTrigger2({ value, asChild = false, disabled, onClick, onKeyDown, style, children, ...rest }, forwardedRef) {
     const ctx = useTabsContext("IrisTabsTrigger");
     const isDisabled = Boolean(disabled) || ctx.disabled;
     const isActive = ctx.value === value;
-    const isDisabledRef = React68.useRef(isDisabled);
+    const isDisabledRef = React67.useRef(isDisabled);
     isDisabledRef.current = isDisabled;
     const register = ctx.registerTrigger;
-    React68.useEffect(() => {
+    React67.useEffect(() => {
       return register(value, () => isDisabledRef.current);
     }, [register, value]);
     const handleClick = composeEventHandlers(
@@ -6447,7 +6567,7 @@ var IrisTabsTrigger = React68.forwardRef(
       onKeyDown: handleKeyDown
     };
     if (asChild) {
-      if (!React68.isValidElement(children)) {
+      if (!React67.isValidElement(children)) {
         if (process.env.NODE_ENV !== "production") {
           console.warn("[iris-ui] IrisTabsTrigger asChild requires a single React element");
         }
@@ -6487,7 +6607,7 @@ var IrisTabsTrigger = React68.forwardRef(
     );
   }
 );
-var IrisTabsContent = React68.forwardRef(
+var IrisTabsContent = React67.forwardRef(
   function IrisTabsContent2({ value, forceMount = false, style, children, ...rest }, ref) {
     const ctx = useTabsContext("IrisTabsContent");
     const isActive = ctx.value === value;
@@ -6514,9 +6634,9 @@ var IrisTabsContent = React68.forwardRef(
     );
   }
 );
-var AccordionContext = React68.createContext(null);
+var AccordionContext = React67.createContext(null);
 function useAccordionContext(componentName) {
-  const ctx = React68.useContext(AccordionContext);
+  const ctx = React67.useContext(AccordionContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be inside an <IrisAccordion>`);
   }
@@ -6533,9 +6653,9 @@ function IrisAccordion({
 }) {
   const isControlled = valueProp !== void 0;
   const initial = defaultValue !== void 0 ? defaultValue : multiple ? [] : null;
-  const [internal, setInternal] = React68.useState(initial);
+  const [internal, setInternal] = React67.useState(initial);
   const current = isControlled ? valueProp : internal;
-  const isOpen = React68.useCallback(
+  const isOpen = React67.useCallback(
     (v) => {
       const c = current;
       if (c === null || c === void 0) return false;
@@ -6544,9 +6664,9 @@ function IrisAccordion({
     },
     [current]
   );
-  const controlledRef = React68.useRef(valueProp);
+  const controlledRef = React67.useRef(valueProp);
   controlledRef.current = valueProp;
-  const toggle = React68.useCallback(
+  const toggle = React67.useCallback(
     (v) => {
       const compute = (prev) => {
         if (multiple) {
@@ -6570,9 +6690,9 @@ function IrisAccordion({
     },
     [multiple, collapsible, isControlled, onValueChange]
   );
-  const rootId = React68.useId();
-  const itemsRef = React68.useRef([]);
-  const navRef = React68.useRef(null);
+  const rootId = React67.useId();
+  const itemsRef = React67.useRef([]);
+  const navRef = React67.useRef(null);
   if (navRef.current === null) {
     navRef.current = createKeyboardNav({
       count: itemsRef.current.length,
@@ -6581,11 +6701,11 @@ function IrisAccordion({
     });
   }
   const nav = navRef.current;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     nav.reset(itemsRef.current.length);
   });
   const activeIndex = useStore(nav.store);
-  const registerItem = React68.useCallback(
+  const registerItem = React67.useCallback(
     (value, el) => {
       if (!itemsRef.current.find((it) => it.value === value)) {
         itemsRef.current = [...itemsRef.current, { value, el }];
@@ -6596,7 +6716,7 @@ function IrisAccordion({
     },
     []
   );
-  const focusItem = React68.useCallback(
+  const focusItem = React67.useCallback(
     (value) => {
       const idx = itemsRef.current.findIndex((it) => it.value === value);
       if (idx >= 0) nav.focus(idx);
@@ -6613,7 +6733,7 @@ function IrisAccordion({
       items[action.target]?.el.current?.focus();
     }
   };
-  const ctx = React68.useMemo(
+  const ctx = React67.useMemo(
     () => ({ isOpen, toggle, rootId, collapsible, multiple, activeIndex, registerItem, focusItem }),
     [isOpen, toggle, rootId, collapsible, multiple, activeIndex, registerItem, focusItem]
   );
@@ -6628,14 +6748,14 @@ function IrisAccordion({
     }
   ) });
 }
-var IrisAccordionItem = React68.forwardRef(
+var IrisAccordionItem = React67.forwardRef(
   function IrisAccordionItem2({ value, title, disabled = false, style, children, ...rest }, ref) {
     const ctx = useAccordionContext("IrisAccordionItem");
     const open = ctx.isOpen(value);
     const headerId = `${ctx.rootId}-h-${value}`;
     const contentId = `${ctx.rootId}-c-${value}`;
-    const triggerRef = React68.useRef(null);
-    React68.useEffect(() => {
+    const triggerRef = React67.useRef(null);
+    React67.useEffect(() => {
       return ctx.registerItem(value, triggerRef);
     }, [ctx.registerItem, value]);
     const onTrigger = () => {
@@ -6727,9 +6847,9 @@ var IrisAccordionItem = React68.forwardRef(
     );
   }
 );
-var StepperContext = React68.createContext(null);
+var StepperContext = React67.createContext(null);
 function useStepperContext(componentName) {
-  const ctx = React68.useContext(StepperContext);
+  const ctx = React67.useContext(StepperContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be inside an <IrisStepper>`);
   }
@@ -6746,19 +6866,19 @@ function IrisStepper({
   ...rest
 }) {
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
-  const [total, setTotal] = React68.useState(0);
+  const [internal, setInternal] = React67.useState(defaultValue);
+  const [total, setTotal] = React67.useState(0);
   const rawValue = isControlled ? valueProp : internal;
   const current = Math.max(0, Math.min(total - 1, rawValue));
-  const setValue = React68.useCallback(
+  const setValue = React67.useCallback(
     (next) => {
       if (!isControlled) setInternal(next);
       onValueChange?.(next);
     },
     [isControlled, onValueChange]
   );
-  const nextIndexRef = React68.useRef(0);
-  const registerStep = React68.useCallback(() => {
+  const nextIndexRef = React67.useRef(0);
+  const registerStep = React67.useCallback(() => {
     const index = nextIndexRef.current;
     nextIndexRef.current += 1;
     setTotal((t) => Math.max(t, index + 1));
@@ -6768,7 +6888,7 @@ function IrisStepper({
       }
     };
   }, []);
-  const goTo = React68.useCallback(
+  const goTo = React67.useCallback(
     (index) => {
       if (index < 0 || index >= total) return;
       if (linear && index > current) return;
@@ -6777,7 +6897,7 @@ function IrisStepper({
     },
     [total, linear, current, setValue]
   );
-  const computeStatus = React68.useCallback(
+  const computeStatus = React67.useCallback(
     (index) => {
       if (index < current) return "completed";
       if (index === current) return "active";
@@ -6785,7 +6905,7 @@ function IrisStepper({
     },
     [current]
   );
-  const ctx = React68.useMemo(
+  const ctx = React67.useMemo(
     () => ({
       current,
       total,
@@ -6823,12 +6943,12 @@ var STATUS_COLOR = {
   completed: "var(--iris-success)",
   error: "var(--iris-danger)"
 };
-var IrisStepperStep = React68.forwardRef(
+var IrisStepperStep = React67.forwardRef(
   function IrisStepperStep2({ title, description, status, disabled = false, style, ...rest }, ref) {
     const ctx = useStepperContext("IrisStepperStep");
-    const [index, setIndex] = React68.useState(-1);
+    const [index, setIndex] = React67.useState(-1);
     const register = ctx.registerStep;
-    React68.useEffect(() => {
+    React67.useEffect(() => {
       const { index: i, unregister } = register();
       setIndex(i);
       return unregister;
@@ -6959,9 +7079,9 @@ var IrisStepperStep = React68.forwardRef(
     );
   }
 );
-var ToggleGroupContext = React68.createContext(null);
+var ToggleGroupContext = React67.createContext(null);
 function useToggleGroupContext(componentName) {
-  const ctx = React68.useContext(ToggleGroupContext);
+  const ctx = React67.useContext(ToggleGroupContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be inside an <IrisToggleGroup>`);
   }
@@ -6985,7 +7105,7 @@ function IrisToggleGroup(props) {
   const isControlled = valueProp !== void 0;
   const toKeys = (v) => v == null ? [] : Array.isArray(v) ? v : [v];
   const fromKeys = (keys) => isMultiple ? keys : keys[0] ?? null;
-  const modelRef = React68.useRef(null);
+  const modelRef = React67.useRef(null);
   if (modelRef.current === null) {
     const initial = defaultValue !== void 0 ? defaultValue : isMultiple ? [] : null;
     modelRef.current = createSelectionModel({
@@ -6996,15 +7116,15 @@ function IrisToggleGroup(props) {
   }
   const model = modelRef.current;
   const selected = useStore(model.store);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (isControlled) model.sync(toKeys(valueProp));
   }, [valueProp, isControlled, model]);
   const displaySelected = isControlled ? toKeys(valueProp) : selected;
-  const isActive = React68.useCallback(
+  const isActive = React67.useCallback(
     (v) => displaySelected.includes(v),
     [displaySelected]
   );
-  const toggle = React68.useCallback(
+  const toggle = React67.useCallback(
     (v) => {
       if (disabled) return;
       if (isControlled) model.sync(toKeys(valueProp));
@@ -7012,8 +7132,8 @@ function IrisToggleGroup(props) {
     },
     [disabled, model, isControlled, valueProp]
   );
-  const itemsRef = React68.useRef([]);
-  const navRef = React68.useRef(null);
+  const itemsRef = React67.useRef([]);
+  const navRef = React67.useRef(null);
   if (navRef.current === null) {
     navRef.current = createKeyboardNav({
       count: itemsRef.current.length,
@@ -7022,10 +7142,10 @@ function IrisToggleGroup(props) {
     });
   }
   const nav = navRef.current;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     nav.reset(itemsRef.current.length);
   });
-  const registerItem = React68.useCallback((value, el) => {
+  const registerItem = React67.useCallback((value, el) => {
     if (!itemsRef.current.find((it) => it.value === value)) {
       itemsRef.current = [...itemsRef.current, { value, el }];
     }
@@ -7033,7 +7153,7 @@ function IrisToggleGroup(props) {
       itemsRef.current = itemsRef.current.filter((it) => it.value !== value);
     };
   }, []);
-  const moveFocus = React68.useCallback((from, delta) => {
+  const moveFocus = React67.useCallback((from, delta) => {
     const items = itemsRef.current;
     if (items.length === 0) return;
     const idx = items.findIndex((it) => it.value === from);
@@ -7043,7 +7163,7 @@ function IrisToggleGroup(props) {
     else nextIdx = (idx + delta + items.length) % items.length;
     items[nextIdx]?.el.current?.focus();
   }, []);
-  const focusItem = React68.useCallback(
+  const focusItem = React67.useCallback(
     (value) => {
       const idx = itemsRef.current.findIndex((it) => it.value === value);
       if (idx >= 0) nav.focus(idx);
@@ -7066,7 +7186,7 @@ function IrisToggleGroup(props) {
       }
     }
   };
-  const ctx = React68.useMemo(
+  const ctx = React67.useMemo(
     () => ({
       type,
       orientation,
@@ -7127,11 +7247,11 @@ var SIZE_FONT = {
   md: "13px",
   lg: "14px"
 };
-var IrisToggleGroupItem = React68.forwardRef(
+var IrisToggleGroupItem = React67.forwardRef(
   function IrisToggleGroupItem2({ value, disabled, onClick, onKeyDown, onFocus, style, children, ...rest }, forwardedRef) {
     const ctx = useToggleGroupContext("IrisToggleGroupItem");
-    const elRef = React68.useRef(null);
-    const captureRef = React68.useCallback(
+    const elRef = React67.useRef(null);
+    const captureRef = React67.useCallback(
       (el) => {
         elRef.current = el;
         if (typeof forwardedRef === "function") forwardedRef(el);
@@ -7141,7 +7261,7 @@ var IrisToggleGroupItem = React68.forwardRef(
       [forwardedRef]
     );
     const register = ctx.registerItem;
-    React68.useEffect(() => {
+    React67.useEffect(() => {
       return register(value, elRef);
     }, [register, value]);
     const active = ctx.isActive(value);
@@ -7214,7 +7334,7 @@ function IrisPagination({
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const totalPages = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
   const raw = isControlled ? valueProp : internal;
   const current = Math.min(totalPages, Math.max(1, raw));
@@ -7352,15 +7472,15 @@ function IrisDragger({
   ...rest
 }) {
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const position = isControlled ? valueProp : internal;
-  const positionRef = React68.useRef(position);
+  const positionRef = React67.useRef(position);
   positionRef.current = position;
-  const rootRef = React68.useRef(null);
-  const handleRef = React68.useRef(null);
+  const rootRef = React67.useRef(null);
+  const handleRef = React67.useRef(null);
   const dragHandleRef = handle ? handleRef : rootRef;
-  const [dragging, setDragging] = React68.useState(false);
-  const startPosRef = React68.useRef({ x: 0, y: 0 });
+  const [dragging, setDragging] = React67.useState(false);
+  const startPosRef = React67.useRef({ x: 0, y: 0 });
   const clamp6 = (p) => ({
     x: Math.max(bounds.minX ?? -Infinity, Math.min(bounds.maxX ?? Infinity, p.x)),
     y: Math.max(bounds.minY ?? -Infinity, Math.min(bounds.maxY ?? Infinity, p.y))
@@ -7434,16 +7554,16 @@ function IrisSplitter({
   ...rest
 }) {
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const ratio = isControlled ? valueProp : internal;
-  const ratioRef = React68.useRef(ratio);
+  const ratioRef = React67.useRef(ratio);
   ratioRef.current = ratio;
-  const containerRef = React68.useRef(null);
-  const handleRef = React68.useRef(null);
-  const [dragging, setDragging] = React68.useState(false);
+  const containerRef = React67.useRef(null);
+  const handleRef = React67.useRef(null);
+  const [dragging, setDragging] = React67.useState(false);
   const isHorizontal = orientation === "horizontal";
-  const startRatioRef = React68.useRef(0);
-  const totalSizeRef = React68.useRef(0);
+  const startRatioRef = React67.useRef(0);
+  const totalSizeRef = React67.useRef(0);
   const setRatio = (next) => {
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
@@ -7585,9 +7705,9 @@ function handlePosition(handle) {
   return s;
 }
 function ResizerHandle(props) {
-  const handleRef = React68.useRef(null);
-  const startSizeRef = React68.useRef({ width: 0, height: 0 });
-  const aspectRef = React68.useRef(1);
+  const handleRef = React67.useRef(null);
+  const startSizeRef = React67.useRef({ width: 0, height: 0 });
+  const aspectRef = React67.useRef(1);
   useDrag({
     handle: handleRef,
     disabled: props.disabled,
@@ -7649,7 +7769,7 @@ function IrisResizer({
   children,
   ...rest
 }) {
-  const sizeRef = React68.useRef(value);
+  const sizeRef = React67.useRef(value);
   sizeRef.current = value;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -7706,27 +7826,28 @@ function IrisSelect({
   ariaDescribedby,
   renderTrigger,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const safeItems = items ?? [];
   const resolvedPlaceholder = placeholder ?? t("select.placeholder");
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const value = isControlled ? valueProp : internal;
-  const [open, setOpen] = React68.useState(false);
+  const [open, setOpen] = React67.useState(false);
   const selectedItem = safeItems.find((it) => it.value === value) ?? null;
   const label = selectedItem ? selectedItem.label ?? String(selectedItem.value) : resolvedPlaceholder;
   const setValue = (next) => {
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
   };
-  const isEnabled = React68.useCallback((i) => !safeItems[i]?.disabled, [safeItems]);
-  const labels = React68.useMemo(
+  const isEnabled = React67.useCallback((i) => !safeItems[i]?.disabled, [safeItems]);
+  const labels = React67.useMemo(
     () => safeItems.map((it) => it.label ?? String(it.value)),
     [safeItems]
   );
-  const navRef = React68.useRef(null);
+  const navRef = React67.useRef(null);
   if (navRef.current === null) {
     const selIdx = safeItems.findIndex((it) => it.value === value);
     const initial = selIdx >= 0 && !safeItems[selIdx]?.disabled ? selIdx : void 0;
@@ -7739,10 +7860,10 @@ function IrisSelect({
     });
   }
   const nav = navRef.current;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     nav.reset(safeItems.length);
   });
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (open) {
       const selIdx = safeItems.findIndex((it) => it.value === value);
       if (selIdx >= 0 && !safeItems[selIdx]?.disabled) {
@@ -7753,8 +7874,8 @@ function IrisSelect({
     }
   }, [open, safeItems, value, nav]);
   const activeIndex = useStore(nav.store);
-  const listRef = React68.useRef(null);
-  React68.useEffect(() => {
+  const listRef = React67.useRef(null);
+  React67.useEffect(() => {
     if (!open || activeIndex < 0) return;
     const el = listRef.current?.querySelector(
       `[data-iris-select-option-index="${activeIndex}"]`
@@ -7810,6 +7931,7 @@ function IrisSelect({
       "aria-haspopup": "listbox",
       "aria-invalid": invalid ? "true" : void 0,
       "aria-describedby": ariaDescribedby,
+      ...rest,
       style: triggerStyle,
       children: [
         /* @__PURE__ */ jsx("span", { style: { flex: 1, minWidth: 0 }, children: label }),
@@ -7908,7 +8030,7 @@ function IrisSelect({
     )
   ] });
 }
-var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
+var IrisVirtualScroll = React67.forwardRef(function IrisVirtualScroll2({
   items,
   itemHeight,
   estimatedItemHeight = 40,
@@ -7919,25 +8041,26 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
   onScroll,
   onRangeChange,
   style,
-  className
+  className,
+  ...rest
 }, forwardedRef) {
-  const viewportRef = React68.useRef(null);
-  const [scrollTop, setScrollTop] = React68.useState(0);
-  const [viewportHeight, setViewportHeight] = React68.useState(
+  const viewportRef = React67.useRef(null);
+  const [scrollTop, setScrollTop] = React67.useState(0);
+  const [viewportHeight, setViewportHeight] = React67.useState(
     typeof height === "number" ? height : 0
   );
-  const rafRef = React68.useRef(null);
+  const rafRef = React67.useRef(null);
   const auto = itemHeight === "auto";
   const userFn = typeof itemHeight === "function" ? itemHeight : null;
   const fixedHeight = typeof itemHeight === "number" ? itemHeight : 0;
   const variable = userFn !== null || auto;
-  const measuredRef = React68.useRef(/* @__PURE__ */ new Map());
-  const [measureVersion, setMeasureVersion] = React68.useState(0);
-  const itemsRef = React68.useRef(items);
+  const measuredRef = React67.useRef(/* @__PURE__ */ new Map());
+  const [measureVersion, setMeasureVersion] = React67.useState(0);
+  const itemsRef = React67.useRef(items);
   itemsRef.current = items;
-  const keyOfRef = React68.useRef(keyOf);
+  const keyOfRef = React67.useRef(keyOf);
   keyOfRef.current = keyOf;
-  const estimateSize = React68.useCallback(
+  const estimateSize = React67.useCallback(
     (index) => {
       if (userFn) return userFn(index);
       if (auto) return measuredRef.current.get(index) ?? estimatedItemHeight;
@@ -7945,9 +8068,9 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
     },
     [userFn, auto, estimatedItemHeight, fixedHeight]
   );
-  const estimateRef = React68.useRef(estimateSize);
+  const estimateRef = React67.useRef(estimateSize);
   estimateRef.current = estimateSize;
-  const virtualizer = React68.useMemo(
+  const virtualizer = React67.useMemo(
     () => createVirtualizer({
       count: items.length,
       estimateSize: (index) => estimateRef.current(index),
@@ -7965,19 +8088,19 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
     // not deps (recreating would reset the controller's scroll + cache).
     [items.length, buffer, variable]
   );
-  React68.useLayoutEffect(() => {
+  React67.useLayoutEffect(() => {
     if (variable) virtualizer.remeasure();
   }, [virtualizer, userFn, measureVersion, estimatedItemHeight, variable]);
-  React68.useLayoutEffect(() => {
+  React67.useLayoutEffect(() => {
     virtualizer.setViewportSize(viewportHeight);
     virtualizer.setScroll(scrollTop);
   }, [virtualizer, viewportHeight, scrollTop]);
-  const vstate = React68.useSyncExternalStore(virtualizer.subscribe, virtualizer.getState);
+  const vstate = React67.useSyncExternalStore(virtualizer.subscribe, virtualizer.getState);
   const totalHeight = vstate.totalSize;
   const itemInState = (i) => vstate.items.find((it) => it.index === i);
   const offsetOf = (i) => variable ? itemInState(i)?.start ?? i * estimateRef.current(i) : i * fixedHeight;
   const heightOf = (i) => variable ? itemInState(i)?.size ?? estimateRef.current(i) : fixedHeight;
-  const range = React68.useMemo(() => {
+  const range = React67.useMemo(() => {
     if (variable) return { start: vstate.startIndex, end: vstate.endIndex + 1 };
     const startRaw = Math.floor(scrollTop / Math.max(1, fixedHeight));
     const visibleCount = fixedHeight <= 0 ? 0 : Math.ceil(viewportHeight / fixedHeight);
@@ -7985,8 +8108,8 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
     const end = Math.min(items.length, startRaw + visibleCount + buffer);
     return { start, end };
   }, [variable, vstate, scrollTop, viewportHeight, fixedHeight, buffer, items.length]);
-  const rangeRef = React68.useRef(range);
-  React68.useEffect(() => {
+  const rangeRef = React67.useRef(range);
+  React67.useEffect(() => {
     if (rangeRef.current.start !== range.start || rangeRef.current.end !== range.end) {
       rangeRef.current = range;
       onRangeChange?.(range);
@@ -8006,12 +8129,12 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
       });
     });
   };
-  const measureViewport = React68.useCallback(() => {
+  const measureViewport = React67.useCallback(() => {
     const el = viewportRef.current;
     if (!el) return;
     setViewportHeight(el.clientHeight);
   }, []);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     measureViewport();
     if (typeof ResizeObserver === "undefined") return;
     const el = viewportRef.current;
@@ -8020,15 +8143,15 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
     ro.observe(el);
     return () => ro.disconnect();
   }, [measureViewport]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     return () => {
       if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
     };
   }, []);
-  const rowObserverRef = React68.useRef(null);
-  const indexByEl = React68.useRef(/* @__PURE__ */ new WeakMap());
-  const elByIndex = React68.useRef(/* @__PURE__ */ new Map());
-  React68.useEffect(() => {
+  const rowObserverRef = React67.useRef(null);
+  const indexByEl = React67.useRef(/* @__PURE__ */ new WeakMap());
+  const elByIndex = React67.useRef(/* @__PURE__ */ new Map());
+  React67.useEffect(() => {
     if (!auto || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
       let changed = false;
@@ -8064,13 +8187,13 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
       ro?.observe(el);
     }
   };
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     const el = viewportRef.current;
     if (!el) return;
     const max = Math.max(0, totalHeight - viewportHeight);
     if (el.scrollTop > max) el.scrollTop = max;
   }, [items.length, totalHeight, viewportHeight]);
-  const scrollToIndex = React68.useCallback(
+  const scrollToIndex = React67.useCallback(
     (index, align = "start") => {
       const el = viewportRef.current;
       if (!el) return;
@@ -8079,7 +8202,7 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
     },
     [virtualizer]
   );
-  const scrollToOffset = React68.useCallback(
+  const scrollToOffset = React67.useCallback(
     (offset) => {
       const el = viewportRef.current;
       if (!el) return;
@@ -8087,11 +8210,11 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
     },
     [virtualizer]
   );
-  const refresh = React68.useCallback(() => {
+  const refresh = React67.useCallback(() => {
     measureViewport();
     handleScroll();
   }, [measureViewport]);
-  React68.useImperativeHandle(forwardedRef, () => ({ scrollToIndex, scrollToOffset, refresh }), [
+  React67.useImperativeHandle(forwardedRef, () => ({ scrollToIndex, scrollToOffset, refresh }), [
     scrollToIndex,
     scrollToOffset,
     refresh
@@ -8137,6 +8260,7 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
       "data-iris-virtual-scroll": "",
       className,
       onScroll: handleScroll,
+      ...rest,
       style: containerStyle,
       children: /* @__PURE__ */ jsx(
         "div",
@@ -8149,6 +8273,59 @@ var IrisVirtualScroll = React68.forwardRef(function IrisVirtualScroll2({
     }
   );
 });
+function useTableSort(data, options) {
+  const { leafColumns, sort: sortProp, defaultSort, onSortChange } = options;
+  const sortControlled = sortProp !== void 0;
+  const [sortInternal, setSortInternal] = React67.useState(
+    defaultSort ?? null
+  );
+  const sortState = sortControlled ? sortProp ?? null : sortInternal;
+  const sortComparator = React67.useMemo(() => {
+    if (!sortState) return null;
+    const col = leafColumns.find((c) => c.key === sortState.key);
+    if (!col) return null;
+    const dir = sortState.direction === "asc" ? 1 : -1;
+    const sorter = col.sorter ?? ((a, b) => compareValues(getCellValue(a, col), getCellValue(b, col)));
+    return (a, b) => sorter(a, b) * dir;
+  }, [leafColumns, sortState]);
+  const sortedData = React67.useMemo(() => {
+    if (!sortComparator) return data;
+    return [...data].sort(sortComparator);
+  }, [data, sortComparator]);
+  const setSort = React67.useCallback(
+    (next) => {
+      if (!sortControlled) setSortInternal(next);
+      onSortChange?.(next);
+    },
+    [sortControlled, onSortChange]
+  );
+  const cycleSort = React67.useCallback(
+    (col) => {
+      if (!col.sortable) return;
+      if (!sortState || sortState.key !== col.key) {
+        setSort({ key: col.key, direction: "asc" });
+        return;
+      }
+      if (sortState.direction === "asc") {
+        setSort({ key: col.key, direction: "desc" });
+        return;
+      }
+      setSort(null);
+    },
+    [sortState, setSort]
+  );
+  return {
+    sortState,
+    cycleSort,
+    setSort,
+    sortComparator,
+    sortedData
+  };
+}
+function getCellValue(row, column) {
+  const key = column.dataIndex ?? column.key;
+  return row[key];
+}
 var RESIZE_STEP = 16;
 var SELECTION_COL_WIDTH = 40;
 var EXPAND_COL_WIDTH = 40;
@@ -8166,8 +8343,8 @@ function ColumnResizeHandle({
   maxWidth,
   onResize
 }) {
-  const ref = React68.useRef(null);
-  const startRef = React68.useRef(0);
+  const ref = React67.useRef(null);
+  const startRef = React67.useRef(0);
   const clamp6 = (w) => Math.max(minWidth, Math.min(maxWidth, Math.round(w)));
   const measure = () => width ?? ref.current?.parentElement?.getBoundingClientRect().width ?? minWidth;
   useDrag({
@@ -8212,7 +8389,7 @@ function ColumnResizeHandle({
     }
   );
 }
-function getCellValue(row, column) {
+function getCellValue2(row, column) {
   const key = column.dataIndex ?? column.key;
   return row[key];
 }
@@ -8233,6 +8410,7 @@ function IrisTable({
   columnWidths: columnWidthsProp,
   defaultColumnWidths,
   onColumnWidthsChange,
+  onRowClick,
   onCellEdit,
   renderDetail,
   rowExpandable,
@@ -8249,29 +8427,36 @@ function IrisTable({
   loadingState,
   errorState,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
-  const safeColumns = React68.useMemo(() => columns ?? [], [columns]);
-  const grouped = React68.useMemo(
+  const safeColumns = React67.useMemo(() => columns ?? [], [columns]);
+  const grouped = React67.useMemo(
     () => safeColumns.some((c) => c.children && c.children.length > 0),
     [safeColumns]
   );
-  const leafColumns = React68.useMemo(
+  const leafColumns = React67.useMemo(
     () => grouped ? flattenLeafColumns(safeColumns) : safeColumns,
     [grouped, safeColumns]
   );
-  const headerMatrix = React68.useMemo(
+  const headerMatrix = React67.useMemo(
     () => grouped ? buildHeaderMatrix(safeColumns) : null,
     [grouped, safeColumns]
   );
-  const sortControlled = sortProp !== void 0;
-  const [sortInternal, setSortInternal] = React68.useState(
-    defaultSort ?? null
-  );
-  const sort = sortControlled ? sortProp : sortInternal;
+  const {
+    sortState: sort,
+    cycleSort,
+    sortComparator,
+    sortedData
+  } = useTableSort(data ?? [], {
+    leafColumns,
+    sort: sortProp,
+    defaultSort,
+    onSortChange
+  });
   const selControlled = selectionProp !== void 0;
-  const selModelRef = React68.useRef(null);
+  const selModelRef = React67.useRef(null);
   if (selModelRef.current === null) {
     selModelRef.current = createSelectionModel({
       mode: selectable === "single" ? "single" : "multiple",
@@ -8281,7 +8466,7 @@ function IrisTable({
   }
   const selModel = selModelRef.current;
   const selection = useStore(selModel.store);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (selControlled) selModel.sync(selectionProp);
   }, [selectionProp, selControlled, selModel]);
   const displaySelection = selControlled ? selectionProp : selection;
@@ -8289,7 +8474,7 @@ function IrisTable({
     if (selControlled) selModel.sync(selectionProp);
   };
   const hasDetail = renderDetail !== void 0;
-  const expansionRef = React68.useRef(null);
+  const expansionRef = React67.useRef(null);
   if (expansionRef.current === null) {
     expansionRef.current = createExpansion({
       mode: "multiple",
@@ -8301,7 +8486,7 @@ function IrisTable({
   const expandedKeys = useStore(expansion.store);
   const isRowExpandable = (row, idx) => hasDetail && (rowExpandable ? rowExpandable(row, idx) : true);
   const widthsControlled = columnWidthsProp !== void 0;
-  const [widthsInternal, setWidthsInternal] = React68.useState(
+  const [widthsInternal, setWidthsInternal] = React67.useState(
     defaultColumnWidths ?? {}
   );
   const columnWidths = widthsControlled ? columnWidthsProp : widthsInternal;
@@ -8310,13 +8495,13 @@ function IrisTable({
     if (!widthsControlled) setWidthsInternal(next);
     onColumnWidthsChange?.(next);
   };
-  const [editingCellId, setEditingCellId] = React68.useState(null);
-  const [editingDraft, setEditingDraft] = React68.useState("");
-  const [editError, setEditError] = React68.useState(null);
-  const draftRef = React68.useRef("");
-  const editorRef = React68.useRef(null);
+  const [editingCellId, setEditingCellId] = React67.useState(null);
+  const [editingDraft, setEditingDraft] = React67.useState("");
+  const [editError, setEditError] = React67.useState(null);
+  const draftRef = React67.useRef("");
+  const editorRef = React67.useRef(null);
   const cellId = (rowIdent, colKey) => `${rowIdent}::${colKey}`;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (editingCellId !== null) editorRef.current?.focus();
   }, [editingCellId]);
   const setDraft = (value) => {
@@ -8325,7 +8510,7 @@ function IrisTable({
   };
   const beginEdit = (row, col, rowIdent) => {
     if (!col.editable) return;
-    const current = getCellValue(row, col);
+    const current = getCellValue2(row, col);
     setDraft(current == null ? "" : String(current));
     setEditError(null);
     setEditingCellId(cellId(rowIdent, col.key));
@@ -8336,7 +8521,7 @@ function IrisTable({
   };
   const commitEdit = (row, col, rowIndex) => {
     if (editingCellId === null) return;
-    const oldValue = getCellValue(row, col);
+    const oldValue = getCellValue2(row, col);
     const draft = draftRef.current;
     const newValue = col.editor === "number" ? draft === "" || Number.isNaN(Number(draft)) ? oldValue : Number(draft) : draft;
     if (col.validate) {
@@ -8352,34 +8537,6 @@ function IrisTable({
       onCellEdit?.({ row, column: col, oldValue, newValue, rowIndex });
     }
   };
-  const sortComparator = React68.useMemo(() => {
-    if (!sort) return null;
-    const col = leafColumns.find((c) => c.key === sort.key);
-    if (!col) return null;
-    const dir = sort.direction === "asc" ? 1 : -1;
-    const sorter = col.sorter ?? ((a, b) => compareValues(getCellValue(a, col), getCellValue(b, col)));
-    return (a, b) => sorter(a, b) * dir;
-  }, [leafColumns, sort]);
-  const sortedData = React68.useMemo(() => {
-    if (!sortComparator) return data ?? [];
-    return [...data ?? []].sort(sortComparator);
-  }, [data, sortComparator]);
-  const setSort = (next) => {
-    if (!sortControlled) setSortInternal(next);
-    onSortChange?.(next);
-  };
-  const cycleSort = (col) => {
-    if (!col.sortable) return;
-    if (!sort || sort.key !== col.key) {
-      setSort({ key: col.key, direction: "asc" });
-      return;
-    }
-    if (sort.direction === "asc") {
-      setSort({ key: col.key, direction: "desc" });
-      return;
-    }
-    setSort(null);
-  };
   const onHeaderKeyDown = (e, col) => {
     if (!col.sortable) return;
     if (e.key === "Enter" || e.key === " ") {
@@ -8396,7 +8553,7 @@ function IrisTable({
     selModel.toggle(rowKeyOf(row));
   };
   const treeMode = getSubRows !== void 0;
-  const flatTree = React68.useMemo(
+  const flatTree = React67.useMemo(
     () => treeMode ? flattenTree(sortedData, {
       getKey: (r) => String(rowKeyOf(r)),
       // With an active sort, sort each level's children by the same
@@ -8416,7 +8573,7 @@ function IrisTable({
   const allKeys = bodyData.map(rowKeyOf);
   const allSelected = selectable === "multi" && (selControlled ? allKeys.length > 0 && allKeys.every((k) => displaySelection.includes(k)) : selModel.isAllSelected(allKeys));
   const someSelected = selectable === "multi" && allKeys.some((k) => displaySelection.includes(k)) && !allSelected;
-  const gridTemplateColumns = React68.useMemo(() => {
+  const gridTemplateColumns = React67.useMemo(() => {
     const widths = [];
     if (hasDetail) widths.push(`${EXPAND_COL_WIDTH}px`);
     if (selectable !== "none") widths.push("40px");
@@ -8429,7 +8586,7 @@ function IrisTable({
     }
     return widths.join(" ");
   }, [leafColumns, selectable, columnWidths, hasDetail]);
-  const pinnedOffsets = React68.useMemo(() => {
+  const pinnedOffsets = React67.useMemo(() => {
     const map = {};
     const widthOf = (col) => columnWidths[col.key] ?? (typeof col.width === "number" ? col.width : DEFAULT_PINNED_WIDTH);
     let left = (hasDetail ? EXPAND_COL_WIDTH : 0) + (selectable !== "none" ? SELECTION_COL_WIDTH : 0);
@@ -8459,20 +8616,20 @@ function IrisTable({
       background: "var(--iris-background)"
     };
   };
-  const rootRef = React68.useRef(null);
-  const [scrollLeft, setScrollLeft] = React68.useState(0);
-  const [viewportWidth, setViewportWidth] = React68.useState(0);
-  const cellRangeRef = React68.useRef(null);
+  const rootRef = React67.useRef(null);
+  const [scrollLeft, setScrollLeft] = React67.useState(0);
+  const [viewportWidth, setViewportWidth] = React67.useState(0);
+  const cellRangeRef = React67.useRef(null);
   if (cellRangeRef.current === null) {
     cellRangeRef.current = createCellRange();
   }
   const cellRangeCtrl = cellRangeRef.current;
-  const cellRangeState = React68.useSyncExternalStore(
+  const cellRangeState = React67.useSyncExternalStore(
     cellRangeCtrl.subscribe,
     cellRangeCtrl.getState,
     cellRangeCtrl.getState
   );
-  const isInRange = React68.useCallback(
+  const isInRange = React67.useCallback(
     (row, col) => {
       const { anchor, active } = cellRangeState;
       if (!anchor || !active) return false;
@@ -8484,7 +8641,7 @@ function IrisTable({
     },
     [cellRangeState]
   );
-  const [focusedCell, setFocusedCell] = React68.useState(null);
+  const [focusedCell, setFocusedCell] = React67.useState(null);
   const GRID_NAV_KEYS = /* @__PURE__ */ new Set([
     "ArrowUp",
     "ArrowDown",
@@ -8537,13 +8694,13 @@ function IrisTable({
     else nextCol = Math.min(leafColumns.length - 1, nextCol + 1);
     cellRangeCtrl.extendRange(nextRow, nextCol);
   };
-  const resolvedColWidths = React68.useMemo(
+  const resolvedColWidths = React67.useMemo(
     () => leafColumns.map(
       (col) => columnWidths[col.key] ?? (typeof col.width === "number" ? col.width : DEFAULT_PINNED_WIDTH)
     ),
     [leafColumns, columnWidths]
   );
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!columnVirtualization) return;
     const el = rootRef.current;
     if (!el) return;
@@ -8554,7 +8711,7 @@ function IrisTable({
     ro.observe(el);
     return () => ro.disconnect();
   }, [columnVirtualization]);
-  const visibleColSet = React68.useMemo(() => {
+  const visibleColSet = React67.useMemo(() => {
     if (!columnVirtualization) return null;
     const w = computeVirtualRange({
       itemCount: leafColumns.length,
@@ -8594,6 +8751,7 @@ function IrisTable({
         "aria-posinset": treeMeta ? treeMeta.posInset : void 0,
         "data-iris-table-row": String(k ?? idx),
         "data-iris-table-row-selected": selected ? "true" : void 0,
+        onClick: () => onRowClick?.(row, idx),
         style: { display: "grid", gridTemplateColumns, ...extraStyle },
         children: [
           hasDetail ? /* @__PURE__ */ jsx(
@@ -8658,7 +8816,7 @@ function IrisTable({
           ) : null,
           leafColumns.map((col, ci) => {
             if (visibleColSet && !visibleColSet.has(ci)) return null;
-            const raw = getCellValue(row, col);
+            const raw = getCellValue2(row, col);
             const editing = editingCellId === cellId(k, col.key);
             return /* @__PURE__ */ jsxs(
               "div",
@@ -8807,6 +8965,7 @@ function IrisTable({
         if (cellRange) handleCellRangeKey(e);
       } : void 0,
       onScroll: columnVirtualization ? (e) => setScrollLeft(e.currentTarget.scrollLeft) : void 0,
+      ...rest,
       style: {
         background: "var(--iris-background)",
         color: "var(--iris-foreground)",
@@ -9047,7 +9206,7 @@ function IrisTable({
           const main = renderRow(row, idx, void 0, flatTree?.[idx]);
           if (!hasDetail || !isRowExpandable(row, idx) || !expandedKeys.includes(String(rowKeyOf(row))))
             return main;
-          return /* @__PURE__ */ jsxs(React68.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React67.Fragment, { children: [
             main,
             /* @__PURE__ */ jsx(
               "div",
@@ -9085,7 +9244,7 @@ function IrisTable({
               leafColumns.map((col, ci) => {
                 if (visibleColSet && !visibleColSet.has(ci)) return null;
                 const op = col.summary;
-                const value = op ? aggregate(bodyData, (r) => getCellValue(r, col), op) : null;
+                const value = op ? aggregate(bodyData, (r) => getCellValue2(r, col), op) : null;
                 return /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -9105,45 +9264,23 @@ function IrisTable({
     }
   );
 }
-var FORMULA_LEAD = /^[=+\-@\t\r]/;
-function neutralizeFormula(text) {
-  return FORMULA_LEAD.test(text) ? `'${text}` : text;
-}
-function csvCell(value) {
-  if (value == null) return "";
-  const isNumber = typeof value === "number" && Number.isFinite(value);
-  const s = isNumber ? String(value) : neutralizeFormula(String(value));
-  if (/[",\r\n]/.test(s)) {
-    return `"${s.replace(/"/g, '""')}"`;
-  }
-  return s;
-}
 function exportCsv(rows, columns) {
-  const header = columns.map((c) => csvCell(c.title)).join(",");
-  const body = rows.map(
-    (row) => columns.map((col) => {
-      const key = col.dataIndex ?? col.key;
-      return csvCell(row[key]);
-    }).join(",")
-  ).join("\n");
-  return body.length > 0 ? `${header}
-${body}` : header;
+  return toCsv(
+    rows,
+    columns.map((column) => ({
+      key: column.key,
+      title: column.title,
+      dataIndex: typeof column.dataIndex === "string" ? column.dataIndex : void 0
+    }))
+  );
 }
 async function downloadCsv(filename, csv) {
   const BOM = String.fromCharCode(65279);
-  const content = BOM + csv;
-  if (await saveFile({ filename, content, mimeType: "text/csv;charset=utf-8;" })) return;
-  if (typeof document === "undefined") return;
-  const blob = new Blob([content], { type: "text/csv;charset=utf-8;" });
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  anchor.style.display = "none";
-  document.body.appendChild(anchor);
-  anchor.click();
-  document.body.removeChild(anchor);
-  setTimeout(() => URL.revokeObjectURL(url), 0);
+  await downloadFile({
+    filename,
+    content: BOM + csv,
+    mimeType: "text/csv;charset=utf-8;"
+  });
 }
 function exportExcel(rows, columns, options) {
   return toSpreadsheetXml(
@@ -9157,20 +9294,11 @@ function exportExcel(rows, columns, options) {
   );
 }
 async function downloadExcel(filename, xml) {
-  if (await saveFile({ filename, content: xml, mimeType: "application/vnd.ms-excel" })) {
-    return;
-  }
-  if (typeof document === "undefined") return;
-  const blob = new Blob([xml], { type: "application/vnd.ms-excel" });
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  anchor.style.display = "none";
-  document.body.appendChild(anchor);
-  anchor.click();
-  document.body.removeChild(anchor);
-  setTimeout(() => URL.revokeObjectURL(url), 0);
+  await downloadFile({
+    filename,
+    content: xml,
+    mimeType: "application/vnd.ms-excel;charset=utf-8"
+  });
 }
 function safeLocale(locale) {
   if (locale === void 0) return void 0;
@@ -9191,33 +9319,34 @@ function IrisCalendar({
   locale,
   disabled = false,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue ?? null);
+  const [internal, setInternal] = React67.useState(defaultValue ?? null);
   const selectedValue = isControlled ? valueProp : internal;
   const initialMonth = defaultMonth ?? selectedValue ?? /* @__PURE__ */ new Date();
-  const [visibleMonth, setVisibleMonth] = React68.useState(startOfMonth(initialMonth));
-  const [focusDate, setFocusDate] = React68.useState(
+  const [visibleMonth, setVisibleMonth] = React67.useState(startOfMonth(initialMonth));
+  const [focusDate, setFocusDate] = React67.useState(
     clampDate(selectedValue ?? /* @__PURE__ */ new Date(), min, max)
   );
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (selectedValue && !isSameMonth(selectedValue, visibleMonth)) {
       setVisibleMonth(startOfMonth(selectedValue));
       setFocusDate(clampDate(selectedValue, min, max));
     }
   }, [selectedValue, visibleMonth, min, max]);
-  const matrix = React68.useMemo(
+  const matrix = React67.useMemo(
     () => buildMonthMatrix(visibleMonth, weekStartsOn),
     [visibleMonth, weekStartsOn]
   );
-  const weekdays = React68.useMemo(
+  const weekdays = React67.useMemo(
     () => getWeekdayNames(weekStartsOn, locale),
     [weekStartsOn, locale]
   );
-  const title = React68.useMemo(() => formatMonthYear(visibleMonth, locale), [visibleMonth, locale]);
-  const dayLabelFmt = React68.useMemo(
+  const title = React67.useMemo(() => formatMonthYear(visibleMonth, locale), [visibleMonth, locale]);
+  const dayLabelFmt = React67.useMemo(
     () => new Intl.DateTimeFormat(safeLocale(locale), {
       weekday: "long",
       year: "numeric",
@@ -9311,6 +9440,7 @@ function IrisCalendar({
       className,
       "data-iris-calendar": "",
       "data-disabled": disabled ? "" : void 0,
+      ...rest,
       style: {
         display: "inline-flex",
         flexDirection: "column",
@@ -9487,13 +9617,14 @@ function IrisDatePicker({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue ?? null);
+  const [internal, setInternal] = React67.useState(defaultValue ?? null);
   const value = isControlled ? valueProp : internal;
-  const [open, setOpen] = React68.useState(false);
+  const [open, setOpen] = React67.useState(false);
   const display = formatDisplay(value, locale);
   const handleSelect = (next) => {
     if (!isControlled) setInternal(next);
@@ -9512,6 +9643,7 @@ function IrisDatePicker({
         "aria-describedby": ariaDescribedby,
         "data-iris-date-picker-trigger": "",
         "data-iris-date-picker-iso": value ? formatLocalISO(value) : void 0,
+        ...rest,
         "data-state": open ? "open" : "closed",
         style: {
           display: "inline-flex",
@@ -9574,13 +9706,14 @@ function IrisTree({
   loadingState,
   errorState,
   style,
-  className
+  className,
+  ...rest
 }) {
   const safeNodes = nodes ?? [];
   const expControlled = expandedProp !== void 0;
   const selControlled = selectedProp !== void 0;
-  const [expInternal, setExpInternal] = React68.useState(defaultExpanded);
-  const [selInternal, setSelInternal] = React68.useState(defaultSelected);
+  const [expInternal, setExpInternal] = React67.useState(defaultExpanded);
+  const [selInternal, setSelInternal] = React67.useState(defaultSelected);
   const expanded = expControlled ? expandedProp : expInternal;
   const selected = selControlled ? selectedProp : selInternal;
   const { t } = useI18n();
@@ -9589,19 +9722,19 @@ function IrisTree({
     error,
     empty: safeNodes.length === 0
   });
-  const [lazyCache, setLazyCache] = React68.useState(/* @__PURE__ */ new Map());
-  const [loadingIds, setLoadingIds] = React68.useState(/* @__PURE__ */ new Set());
-  const [errorIds, setErrorIds] = React68.useState(/* @__PURE__ */ new Set());
-  const expandedSet = React68.useMemo(() => new Set(expanded), [expanded]);
-  const selectedSet = React68.useMemo(() => new Set(selected), [selected]);
-  const childrenOf = React68.useCallback(
+  const [lazyCache, setLazyCache] = React67.useState(/* @__PURE__ */ new Map());
+  const [loadingIds, setLoadingIds] = React67.useState(/* @__PURE__ */ new Set());
+  const [errorIds, setErrorIds] = React67.useState(/* @__PURE__ */ new Set());
+  const expandedSet = React67.useMemo(() => new Set(expanded), [expanded]);
+  const selectedSet = React67.useMemo(() => new Set(selected), [selected]);
+  const childrenOf = React67.useCallback(
     (node) => {
       if (node.children && node.children.length > 0) return node.children;
       return lazyCache.get(node.id) ?? null;
     },
     [lazyCache]
   );
-  const hasChildrenFn = React68.useCallback(
+  const hasChildrenFn = React67.useCallback(
     (node) => {
       if (node.isLeaf) return false;
       if (node.children && node.children.length > 0) return true;
@@ -9610,7 +9743,7 @@ function IrisTree({
     },
     [lazyCache]
   );
-  const flat = React68.useMemo(() => {
+  const flat = React67.useMemo(() => {
     const out = [];
     const walk = (ns, depth, parentId) => {
       for (const node of ns) {
@@ -9625,7 +9758,7 @@ function IrisTree({
     walk(safeNodes, 0, null);
     return out;
   }, [safeNodes, expandedSet, childrenOf, hasChildrenFn]);
-  const checkNodes = React68.useMemo(() => {
+  const checkNodes = React67.useMemo(() => {
     const out = [];
     const walk = (ns, parentKey) => {
       for (const node of ns) {
@@ -9637,9 +9770,9 @@ function IrisTree({
     walk(safeNodes, void 0);
     return out;
   }, [safeNodes, lazyCache]);
-  const onCheckedRef = React68.useRef(onCheckedChange);
+  const onCheckedRef = React67.useRef(onCheckedChange);
   onCheckedRef.current = onCheckedChange;
-  const checkModel = React68.useMemo(
+  const checkModel = React67.useMemo(
     () => createTreeSelection({
       nodes: checkNodes,
       defaultChecked,
@@ -9647,18 +9780,18 @@ function IrisTree({
     }),
     [checkNodes, defaultChecked]
   );
-  React68.useSyncExternalStore(
+  React67.useSyncExternalStore(
     checkModel.selection.store.subscribe,
     checkModel.selection.get,
     checkModel.selection.get
   );
-  const [activeId, setActiveId] = React68.useState(flat[0]?.node.id ?? null);
-  React68.useEffect(() => {
+  const [activeId, setActiveId] = React67.useState(flat[0]?.node.id ?? null);
+  React67.useEffect(() => {
     if (!activeId || !flat.some((f) => f.node.id === activeId)) {
       setActiveId(flat[0]?.node.id ?? null);
     }
   }, [flat, activeId]);
-  const expandedRef = React68.useRef(expanded);
+  const expandedRef = React67.useRef(expanded);
   expandedRef.current = expanded;
   const setExpanded = (next) => {
     if (!expControlled) setExpInternal(next);
@@ -9767,6 +9900,7 @@ function IrisTree({
       onKeyDown,
       className,
       "data-iris-tree": "",
+      ...rest,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -9941,14 +10075,15 @@ function IrisList({
   errorState,
   renderItem,
   style,
-  className
+  className,
+  ...rest
 }) {
   const safeItems = items ?? [];
   const isControlled = valueProp !== void 0;
   const asKey = (v) => v;
   const toKeys = (v) => v == null ? [] : Array.isArray(v) ? v.map(asKey) : [asKey(v)];
   const fromKeys = (keys) => multi ? keys : keys[0] ?? null;
-  const modelRef = React68.useRef(null);
+  const modelRef = React67.useRef(null);
   if (modelRef.current === null) {
     const initial = defaultValue !== void 0 ? defaultValue : multi ? [] : null;
     modelRef.current = createSelectionModel({
@@ -9959,7 +10094,7 @@ function IrisList({
   }
   const model = modelRef.current;
   const selectedKeys = useStore(model.store);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (isControlled) model.sync(toKeys(valueProp));
   }, [valueProp, isControlled, model]);
   const displaySelectedKeys = isControlled ? toKeys(valueProp) : selectedKeys;
@@ -9972,12 +10107,12 @@ function IrisList({
     error,
     empty: safeItems.length === 0
   });
-  const isSelected = React68.useCallback(
+  const isSelected = React67.useCallback(
     (v) => displaySelectedKeys.includes(v),
     [displaySelectedKeys]
   );
-  const isEnabled = React68.useCallback((i) => !safeItems[i]?.disabled, [safeItems]);
-  const ctxRef = React68.useRef({
+  const isEnabled = React67.useCallback((i) => !safeItems[i]?.disabled, [safeItems]);
+  const ctxRef = React67.useRef({
     items: safeItems,
     multi,
     loop,
@@ -9987,7 +10122,7 @@ function IrisList({
     onSelect,
     asKey
   });
-  const navRef = React68.useRef(null);
+  const navRef = React67.useRef(null);
   if (navRef.current === null) {
     navRef.current = createKeyboardNav({
       count: safeItems.length,
@@ -9996,7 +10131,7 @@ function IrisList({
     });
   }
   const nav = navRef.current;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     nav.reset(safeItems.length);
   });
   ctxRef.current = {
@@ -10010,7 +10145,7 @@ function IrisList({
     asKey
   };
   const activeIndex = useStore(nav.store);
-  const listRef = React68.useRef(null);
+  const listRef = React67.useRef(null);
   const focusAt = (index) => {
     const el = listRef.current?.querySelector(`[data-iris-list-index="${index}"]`);
     el?.focus();
@@ -10051,6 +10186,7 @@ function IrisList({
       "data-iris-list": "",
       className,
       onKeyDown,
+      ...rest,
       style: {
         listStyle: "none",
         margin: 0,
@@ -10133,16 +10269,17 @@ function IrisFileUpload({
   id,
   renderList,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const resolvedLabel = label ?? t("fileUpload.label");
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const files = isControlled ? valueProp : internal;
-  const inputRef = React68.useRef(null);
-  const dragCountRef = React68.useRef(0);
-  const [dragOver, setDragOver] = React68.useState(false);
+  const inputRef = React67.useRef(null);
+  const dragCountRef = React67.useRef(0);
+  const [dragOver, setDragOver] = React67.useState(false);
   const acceptMatches = (file) => {
     if (!accept) return true;
     const tokens = accept.split(",").map((t2) => t2.trim()).filter(Boolean);
@@ -10259,6 +10396,7 @@ function IrisFileUpload({
       "data-drag-over": dragOver ? "true" : void 0,
       "data-disabled": disabled ? "true" : void 0,
       className,
+      ...rest,
       style,
       children: [
         /* @__PURE__ */ jsx(
@@ -10366,9 +10504,9 @@ function IrisFileUpload({
     }
   );
 }
-var MenuContext = React68.createContext(null);
+var MenuContext = React67.createContext(null);
 function useMenuContext(componentName) {
-  const ctx = React68.useContext(MenuContext);
+  const ctx = React67.useContext(MenuContext);
   if (!ctx) {
     throw new Error(`[iris-ui] ${componentName} must be a descendant of <IrisMenu>`);
   }
@@ -10385,7 +10523,7 @@ function IrisMenu({
   const isControlled = openProp !== void 0;
   const [state, send] = useMachine(() => createFloatingMachine(defaultOpen ? "open" : "closed"));
   const internalOpen = state.value === "open";
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!isControlled) return;
     const target = openProp ? "open" : "closed";
     if (state.value !== target) {
@@ -10393,18 +10531,18 @@ function IrisMenu({
     }
   }, [isControlled, openProp, state.value, send]);
   const open = isControlled ? Boolean(openProp) : internalOpen;
-  const setOpen = React68.useCallback(
+  const setOpen = React67.useCallback(
     (next) => {
       if (!isControlled) send({ type: next ? "OPEN" : "CLOSE" });
       onOpenChange?.(next);
     },
     [isControlled, send, onOpenChange]
   );
-  const triggerRef = React68.useRef(null);
-  const contentRef = React68.useRef(null);
-  const contentId = React68.useId();
-  const closeRoot = React68.useCallback(() => setOpen(false), [setOpen]);
-  const value = React68.useMemo(
+  const triggerRef = React67.useRef(null);
+  const contentRef = React67.useRef(null);
+  const contentId = React67.useId();
+  const closeRoot = React67.useCallback(() => setOpen(false), [setOpen]);
+  const value = React67.useMemo(
     () => ({
       open,
       setOpen,
@@ -10419,10 +10557,10 @@ function IrisMenu({
   );
   return /* @__PURE__ */ jsx(MenuContext.Provider, { value, children });
 }
-var IrisMenuTrigger = React68.forwardRef(
+var IrisMenuTrigger = React67.forwardRef(
   function IrisMenuTrigger2({ asChild = false, onClick, onKeyDown, children, ...rest }, forwardedRef) {
     const ctx = useMenuContext("IrisMenuTrigger");
-    const captureRef = React68.useCallback(
+    const captureRef = React67.useCallback(
       (el) => {
         ctx.triggerRef.current = el;
         if (typeof forwardedRef === "function") forwardedRef(el);
@@ -10453,7 +10591,7 @@ var IrisMenuTrigger = React68.forwardRef(
       onKeyDown: handleKeyDown
     };
     if (asChild) {
-      if (!React68.isValidElement(children)) {
+      if (!React67.isValidElement(children)) {
         if (process.env.NODE_ENV !== "production") {
           console.warn("[iris-ui] IrisMenuTrigger asChild requires a single React element");
         }
@@ -10473,11 +10611,11 @@ var IrisMenuTrigger = React68.forwardRef(
     );
   }
 );
-var IrisMenuContent = React68.forwardRef(
+var IrisMenuContent = React67.forwardRef(
   function IrisMenuContent2({ portalTarget, style, onKeyDown, children, ...rest }, forwardedRef) {
     const ctx = useMenuContext("IrisMenuContent");
-    const innerRef = React68.useRef(null);
-    const captureRef = React68.useCallback(
+    const innerRef = React67.useRef(null);
+    const captureRef = React67.useCallback(
       (el) => {
         innerRef.current = el;
         ctx.contentRef.current = el;
@@ -10499,8 +10637,8 @@ var IrisMenuContent = React68.forwardRef(
       exclude: [ctx.triggerRef, ctx.contentRef],
       onDismiss: () => ctx.setOpen(false)
     });
-    const wasOpenRef = React68.useRef(false);
-    React68.useEffect(() => {
+    const wasOpenRef = React67.useRef(false);
+    React67.useEffect(() => {
       if (ctx.open && !wasOpenRef.current) {
         queueMicrotask(() => {
           const items = innerRef.current?.querySelectorAll('[role="menuitem"]');
@@ -10511,7 +10649,7 @@ var IrisMenuContent = React68.forwardRef(
       }
       wasOpenRef.current = ctx.open;
     }, [ctx.open, ctx.triggerRef]);
-    const navRef = React68.useRef(null);
+    const navRef = React67.useRef(null);
     if (navRef.current === null) {
       navRef.current = createKeyboardNav({ count: 0, loop: true });
     }
@@ -10574,10 +10712,10 @@ var IrisMenuContent = React68.forwardRef(
     return createPortal(node, portalTarget ?? document.body);
   }
 );
-var IrisMenuItem = React68.forwardRef(
+var IrisMenuItem = React67.forwardRef(
   function IrisMenuItem2({ disabled = false, keepOpen = false, onSelect, onClick, onKeyDown, style, children, ...rest }, ref) {
     const ctx = useMenuContext("IrisMenuItem");
-    const [hovered, setHovered] = React68.useState(false);
+    const [hovered, setHovered] = React67.useState(false);
     const fire = (event) => {
       if (disabled) return;
       onSelect?.(event);
@@ -10632,7 +10770,7 @@ var IrisMenuItem = React68.forwardRef(
     );
   }
 );
-var IrisMenuSeparator = React68.forwardRef(
+var IrisMenuSeparator = React67.forwardRef(
   function IrisMenuSeparator2({ style, ...rest }, ref) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -10653,11 +10791,11 @@ function IrisMenuSub({
   children
 }) {
   const parentCtx = useMenuContext("IrisMenuSub");
-  const [open, setOpenState] = React68.useState(false);
-  const triggerRef = React68.useRef(null);
-  const contentRef = React68.useRef(null);
-  const openTimerRef = React68.useRef(null);
-  const clearTimer = React68.useCallback(() => {
+  const [open, setOpenState] = React67.useState(false);
+  const triggerRef = React67.useRef(null);
+  const contentRef = React67.useRef(null);
+  const openTimerRef = React67.useRef(null);
+  const clearTimer = React67.useCallback(() => {
     if (openTimerRef.current) {
       clearTimeout(openTimerRef.current);
       openTimerRef.current = null;
@@ -10670,7 +10808,7 @@ function IrisMenuSub({
       openTimerRef.current = null;
     }, HOVER_OPEN_DELAY);
   };
-  React68.useEffect(() => clearTimer, [clearTimer]);
+  React67.useEffect(() => clearTimer, [clearTimer]);
   const { floatingStyles } = useFloating({
     anchor: triggerRef,
     floating: contentRef,
@@ -10678,9 +10816,9 @@ function IrisMenuSub({
     placement: "right-start",
     offset: -4
   });
-  const setOpen = React68.useCallback((v) => setOpenState(v), []);
-  const wasOpenRef = React68.useRef(false);
-  React68.useEffect(() => {
+  const setOpen = React67.useCallback((v) => setOpenState(v), []);
+  const wasOpenRef = React67.useRef(false);
+  React67.useEffect(() => {
     if (open && !wasOpenRef.current) {
       queueMicrotask(() => {
         const first = contentRef.current?.querySelector('[role="menuitem"]');
@@ -10725,7 +10863,7 @@ function IrisMenuSub({
       parentCtx.closeRoot();
     }
   };
-  const ctxValue = React68.useMemo(
+  const ctxValue = React67.useMemo(
     () => ({
       open,
       setOpen,
@@ -10837,7 +10975,7 @@ function IrisBanner({
 }) {
   const { t } = useI18n();
   const isControlled = openProp !== void 0;
-  const [internalOpen, setInternalOpen] = React68.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React67.useState(defaultOpen);
   const isOpen = isControlled ? Boolean(openProp) : internalOpen;
   const handleClose = () => {
     if (!isControlled) setInternalOpen(false);
@@ -10923,11 +11061,12 @@ function IrisTimePicker({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const value = isControlled ? valueProp ?? defaultValue : internal;
   const setValue = (next) => {
     if (!isControlled) setInternal(next);
@@ -11022,6 +11161,7 @@ function IrisTimePicker({
       "data-iris-time-picker": "",
       "data-disabled": disabled ? "true" : void 0,
       className,
+      ...rest,
       style: {
         display: "inline-flex",
         alignItems: "center",
@@ -11112,18 +11252,19 @@ function IrisDateRangePicker({
   id,
   ariaDescribedby,
   style,
-  className
+  className,
+  ...rest
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const value = isControlled ? valueProp ?? { start: null, end: null } : internal;
-  const [open, setOpen] = React68.useState(false);
-  const leftMonth = React68.useMemo(
+  const [open, setOpen] = React67.useState(false);
+  const leftMonth = React67.useMemo(
     () => value.start ? startOfMonth(value.start) : startOfMonth(/* @__PURE__ */ new Date()),
     [value.start]
   );
-  const display = React68.useMemo(() => {
+  const display = React67.useMemo(() => {
     const s = formatDisplay2(value.start, locale);
     const e = formatDisplay2(value.end, locale);
     if (s && e) return `${s}  \u2192  ${e}`;
@@ -11158,6 +11299,7 @@ function IrisDateRangePicker({
         disabled: disabled || void 0,
         "aria-invalid": invalid ? "true" : void 0,
         "aria-describedby": ariaDescribedby,
+        ...rest,
         "data-iris-date-range-picker-trigger": "",
         "data-state": open ? "open" : "closed",
         style: {
@@ -11241,14 +11383,14 @@ function IrisSlider({
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const raw = isControlled ? valueProp : internal;
   const value = clamp4(roundToStep2(raw, step, min), min, max);
-  const valueRef = React68.useRef(value);
+  const valueRef = React67.useRef(value);
   valueRef.current = value;
-  const trackRef = React68.useRef(null);
-  const thumbRef = React68.useRef(null);
-  const [dragging, setDragging] = React68.useState(false);
+  const trackRef = React67.useRef(null);
+  const thumbRef = React67.useRef(null);
+  const [dragging, setDragging] = React67.useState(false);
   const isHorizontal = orientation === "horizontal";
   const setValue = (next) => {
     const clamped = clamp4(roundToStep2(next, step, min), min, max);
@@ -11416,16 +11558,16 @@ function IrisRangeSlider({
 }) {
   const { t } = useI18n();
   const isControlled = valueProp !== void 0;
-  const [internal, setInternal] = React68.useState(defaultValue);
+  const [internal, setInternal] = React67.useState(defaultValue);
   const raw = isControlled ? valueProp : internal;
   const startVal = clamp5(roundToStep3(raw[0] ?? min, step, min), min, max);
   const endVal = clamp5(roundToStep3(raw[1] ?? max, step, min), min, max);
-  const trackRef = React68.useRef(null);
-  const startRef = React68.useRef(null);
-  const endRef = React68.useRef(null);
-  const [dragging, setDragging] = React68.useState(null);
+  const trackRef = React67.useRef(null);
+  const startRef = React67.useRef(null);
+  const endRef = React67.useRef(null);
+  const [dragging, setDragging] = React67.useState(null);
   const percent = (v) => (v - min) / Math.max(1e-9, max - min) * 100;
-  const setRange = React68.useCallback(
+  const setRange = React67.useCallback(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
@@ -11628,14 +11770,14 @@ function IrisColorPicker({
 }) {
   const { t } = useI18n();
   const initialHex = value ?? defaultValue ?? "#000000";
-  const [hsva, setHsva] = React68.useState(
+  const [hsva, setHsva] = React67.useState(
     () => rgbaToHsva(hexToRgba(initialHex) ?? { r: 0, g: 0, b: 0, a: 1 })
   );
-  const [hexDraft, setHexDraft] = React68.useState(null);
-  const padRef = React68.useRef(null);
-  const hueRef = React68.useRef(null);
-  const alphaRef = React68.useRef(null);
-  React68.useEffect(() => {
+  const [hexDraft, setHexDraft] = React67.useState(null);
+  const padRef = React67.useRef(null);
+  const hueRef = React67.useRef(null);
+  const alphaRef = React67.useRef(null);
+  React67.useEffect(() => {
     if (value === void 0) return;
     const parsed = hexToRgba(value);
     if (!parsed) return;
@@ -11966,10 +12108,10 @@ function IrisCommandPalette({
   const { t } = useI18n();
   const resolvedPlaceholder = placeholder ?? t("commandPalette.placeholder");
   const resolvedEmptyText = emptyText ?? t("commandPalette.empty");
-  const [query, setQuery] = React68.useState("");
-  const [activeIndex, setActiveIndex] = React68.useState(0);
-  const surfaceRef = React68.useRef(null);
-  const matches = React68.useMemo(() => {
+  const [query, setQuery] = React67.useState("");
+  const [activeIndex, setActiveIndex] = React67.useState(0);
+  const surfaceRef = React67.useRef(null);
+  const matches = React67.useMemo(() => {
     const result = [];
     for (const item of items) {
       const score = filter(query, item);
@@ -11978,7 +12120,7 @@ function IrisCommandPalette({
     result.sort((a, b) => a.score - b.score);
     return result;
   }, [items, query, filter]);
-  const groupedFlat = React68.useMemo(() => {
+  const groupedFlat = React67.useMemo(() => {
     const out = [];
     let currentGroup;
     for (const m of matches) {
@@ -11991,19 +12133,19 @@ function IrisCommandPalette({
     }
     return out;
   }, [matches]);
-  const itemRows = React68.useMemo(() => {
+  const itemRows = React67.useMemo(() => {
     const out = [];
     groupedFlat.forEach((row, i) => {
       if (row.kind === "item" && !row.item.disabled) out.push({ item: row.item, flat: i });
     });
     return out;
   }, [groupedFlat]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open) return;
     setQuery("");
     setActiveIndex(0);
   }, [open]);
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     setActiveIndex(0);
   }, [query]);
   useBodyScrollLock(open);
@@ -12020,7 +12162,7 @@ function IrisCommandPalette({
     if (total === 0) return;
     setActiveIndex((prev) => (prev + delta + total) % total);
   };
-  const keyHandlerRef = React68.useRef(() => {
+  const keyHandlerRef = React67.useRef(() => {
   });
   keyHandlerRef.current = (event) => {
     switch (event.key) {
@@ -12044,7 +12186,7 @@ function IrisCommandPalette({
         break;
     }
   };
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open) return;
     const onKey = (e) => keyHandlerRef.current(e);
     document.addEventListener("keydown", onKey);
@@ -12212,6 +12354,6 @@ function IrisCommandPalette({
   return createPortal(node, document.body);
 }
 
-export { AccordionContext, DialogContext, DrawerContext, IrisAccordion, IrisAccordionItem, IrisAffix, IrisAnchor, IrisAspectRatio, IrisAvatar, IrisBackTop, IrisBadge, IrisBanner, IrisCalendar, IrisCard, IrisCarousel, IrisCascader, IrisChip, IrisColorPicker, IrisCombobox, IrisCommandPalette, IrisCopyButton, IrisCountdown, IrisDatePicker, IrisDateRangePicker, IrisDescriptions, IrisDialog, IrisDialogClose, IrisDialogContent, IrisDialogDescription, IrisDialogTitle, IrisDialogTrigger, IrisDragger, IrisDrawer, IrisDrawerClose, IrisDrawerContent, IrisDrawerTitle, IrisDrawerTrigger, IrisEmptyState, IrisFieldset, IrisFileUpload, IrisFloatButton, IrisGauge, IrisImage, IrisKbd, IrisList, IrisMarquee, IrisMasonry, IrisMentions, IrisMenu, IrisMenuContent, IrisMenuItem, IrisMenuSeparator, IrisMenuSub, IrisMenuTrigger, IrisNumberInput, IrisOtpInput, IrisPagination, IrisPopover, IrisPopoverContent, IrisPopoverTrigger, IrisProgress, IrisProgressCircle, IrisRadio, IrisRadioGroup, IrisRangeSlider, IrisRating, IrisResizer, IrisResult, IrisRibbon, IrisScrollArea, IrisSegmented, IrisSelect, IrisSkeleton, IrisSlider, IrisSpinner, IrisSplitButton, IrisSplitter, IrisStatistic, IrisStepper, IrisStepperStep, IrisSwitch, IrisTable, IrisTabs, IrisTabsContent, IrisTabsList, IrisTabsTrigger, IrisTagInput, IrisTextarea, IrisTimePicker, IrisTimeline, IrisToastViewport, IrisToggleGroup, IrisToggleGroupItem, IrisToolbar, IrisTooltip, IrisTour, IrisTransfer, IrisTree, IrisTreeSelect, IrisVirtualScroll, IrisVisuallyHidden, IrisWatermark, MenuContext, PopoverContext, RadioGroupContext, StepperContext, TabsContext, ToggleGroupContext, __PROGRESS_STYLE_ID, __SKELETON_STYLE_ID, __SPINNER_STYLE_ID, __resetProgressStyles, __resetSkeletonStyles, __resetSpinnerStyles, clearToasts, defaultFilter, dismissToast, downloadCsv, downloadExcel, exportCsv, exportExcel, formatBytes, formatRemaining, getToasts, pushToast, subscribeToasts, useAccordionContext, useDialogContext, useDrawerContext, useMenuContext, usePopoverContext, useStepperContext, useTabsContext, useToast, useToggleGroupContext };
+export { AccordionContext, DialogContext, DrawerContext, IrisAccordion, IrisAccordionItem, IrisAffix, IrisAnchor, IrisAspectRatio, IrisAvatar, IrisBackTop, IrisBadge, IrisBanner, IrisCalendar, IrisCard, IrisCarousel, IrisCascader, IrisChip, IrisColorPicker, IrisCombobox, IrisCommandPalette, IrisCopyButton, IrisCountdown, IrisDatePicker, IrisDateRangePicker, IrisDescriptions, IrisDialog, IrisDialogClose, IrisDialogContent, IrisDialogDescription, IrisDialogTitle, IrisDialogTrigger, IrisDragger, IrisDrawer, IrisDrawerClose, IrisDrawerContent, IrisDrawerTitle, IrisDrawerTrigger, IrisEmptyState, IrisFieldset, IrisFileUpload, IrisFloatButton, IrisGauge, IrisImage, IrisKbd, IrisList, IrisMarquee, IrisMasonry, IrisMentions, IrisMenu, IrisMenuContent, IrisMenuItem, IrisMenuSeparator, IrisMenuSub, IrisMenuTrigger, IrisNumberInput, IrisOtpInput, IrisPagination, IrisPopover, IrisPopoverContent, IrisPopoverTrigger, IrisProgress, IrisProgressCircle, IrisRadio, IrisRadioGroup, IrisRangeSlider, IrisRating, IrisResizer, IrisResult, IrisRibbon, IrisScrollArea, IrisSegmented, IrisSelect, IrisSkeleton, IrisSlider, IrisSpinner, IrisSplitButton, IrisSplitter, IrisStatistic, IrisStepper, IrisStepperStep, IrisSwitch, IrisTable, IrisTabs, IrisTabsContent, IrisTabsList, IrisTabsTrigger, IrisTagInput, IrisTextarea, IrisTimePicker, IrisTimeline, IrisToastViewport, IrisToggleGroup, IrisToggleGroupItem, IrisToolbar, IrisTooltip, IrisTour, IrisTransfer, IrisTree, IrisTreeSelect, IrisVirtualScroll, IrisVisuallyHidden, IrisWatermark, MenuContext, PopoverContext, RadioGroupContext, StepperContext, TabsContext, ToggleGroupContext, __PROGRESS_STYLE_ID, __SKELETON_STYLE_ID, __SPINNER_STYLE_ID, __resetProgressStyles, __resetSkeletonStyles, __resetSpinnerStyles, clearToasts, defaultFilter, dismissToast, downloadCsv, downloadExcel, exportCsv, exportExcel, formatBytes, formatRemaining, getToasts, pushToast, subscribeToasts, useAccordionContext, useDialogContext, useDisposableScope, useDrawerContext, useMenuContext, usePopoverContext, useReconnectingSource, useResilientFetcher, useStepperContext, useTabsContext, useToast, useToggleGroupContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map