react-ui-suite 1.1.1 → 1.1.3

package/dist/index.js

@@ -2790,30 +2790,214 @@ var Disclosure = React14.forwardRef(function Disclosure2({ title, children, clas
   );
 });
 
-// components/InputField/InputField.tsx
+// components/FilePicker/FilePicker.tsx
 import * as React15 from "react";
 import clsx16 from "clsx";
-import "./InputField-TKTNGOH3.css";
+import "./FilePicker-N72M7PZO.css";
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-var InputField = React15.forwardRef(function InputField2({ label, description, error, leadingIcon, trailingLabel, className, id, disabled, ...rest }, ref) {
+function matchesAcceptToken(file, token) {
+  const normalizedToken = token.trim().toLowerCase();
+  if (!normalizedToken) return true;
+  const fileName = file.name.toLowerCase();
+  const fileType = file.type.toLowerCase();
+  if (normalizedToken.startsWith(".")) {
+    return fileName.endsWith(normalizedToken);
+  }
+  if (normalizedToken.endsWith("/*")) {
+    const prefix = normalizedToken.slice(0, -1);
+    return fileType.startsWith(prefix);
+  }
+  return fileType === normalizedToken;
+}
+function filterFilesByAccept(files, accept) {
+  if (!(accept == null ? void 0 : accept.trim())) return files;
+  const tokens = accept.split(",").map((token) => token.trim()).filter(Boolean);
+  if (!tokens.length) return files;
+  return files.filter((file) => tokens.some((token) => matchesAcceptToken(file, token)));
+}
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var FilePicker = React15.forwardRef(function FilePicker2({
+  label,
+  description,
+  error,
+  dropzoneLabel = "Drop files here or click to browse",
+  maxFiles,
+  id,
+  className,
+  accept,
+  disabled,
+  multiple,
+  onFilesChange,
+  onChange,
+  ...rest
+}, forwardedRef) {
   const generatedId = React15.useId();
   const inputId = id != null ? id : generatedId;
   const descriptionId = React15.useId();
   const errorId = React15.useId();
+  const [isDragActive, setIsDragActive] = React15.useState(false);
+  const [selectedFiles, setSelectedFiles] = React15.useState([]);
+  const [restrictedCount, setRestrictedCount] = React15.useState(0);
+  const inputRef = React15.useRef(null);
+  const setRefs = React15.useCallback(
+    (node) => {
+      inputRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef) {
+        forwardedRef.current = node;
+      }
+    },
+    [forwardedRef]
+  );
+  const hintIds = [description ? descriptionId : null, error ? errorId : null].filter(Boolean);
+  const resolvedAriaDescribedBy = hintIds.length ? hintIds.join(" ") : void 0;
+  const resolvedMaxFiles = React15.useMemo(() => {
+    if (typeof maxFiles !== "number" || !Number.isFinite(maxFiles)) return void 0;
+    return Math.max(1, Math.floor(maxFiles));
+  }, [maxFiles]);
+  const applySelectedFiles = React15.useCallback(
+    (files) => {
+      const acceptedFiles = filterFilesByAccept(files, accept);
+      const selectionLimit = multiple ? resolvedMaxFiles != null ? resolvedMaxFiles : Infinity : 1;
+      const nextFiles = acceptedFiles.slice(0, selectionLimit);
+      const nextRestrictedCount = files.length - nextFiles.length;
+      setSelectedFiles(nextFiles);
+      setRestrictedCount(nextRestrictedCount);
+      onFilesChange == null ? void 0 : onFilesChange(nextFiles);
+      return nextFiles;
+    },
+    [accept, multiple, onFilesChange, resolvedMaxFiles]
+  );
+  const handleInputChange = (event) => {
+    var _a;
+    const incomingFiles = Array.from((_a = event.target.files) != null ? _a : []);
+    applySelectedFiles(incomingFiles);
+    onChange == null ? void 0 : onChange(event);
+  };
+  const openFileDialog = () => {
+    if (disabled) return;
+    if (inputRef.current) {
+      inputRef.current.value = "";
+      inputRef.current.click();
+    }
+  };
+  const handleDrop = (event) => {
+    var _a;
+    event.preventDefault();
+    if (disabled) return;
+    setIsDragActive(false);
+    const files = Array.from((_a = event.dataTransfer.files) != null ? _a : []);
+    applySelectedFiles(files);
+  };
+  const hasSelection = selectedFiles.length > 0;
+  return /* @__PURE__ */ jsxs15("div", { className: "rui-file-picker rui-root", children: [
+    label ? /* @__PURE__ */ jsx17("label", { htmlFor: inputId, className: "rui-file-picker__label rui-text-wrap", children: label }) : null,
+    /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: clsx16(
+          "rui-file-picker__dropzone",
+          isDragActive && "rui-file-picker__dropzone--active",
+          disabled && "rui-file-picker__dropzone--disabled",
+          error && "rui-file-picker__dropzone--error"
+        ),
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": label ? `${label} file picker` : "File picker",
+        "aria-disabled": disabled ? true : void 0,
+        onClick: openFileDialog,
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            openFileDialog();
+          }
+        },
+        onDragEnter: (event) => {
+          event.preventDefault();
+          if (!disabled) setIsDragActive(true);
+        },
+        onDragOver: (event) => {
+          event.preventDefault();
+          if (!disabled) setIsDragActive(true);
+        },
+        onDragLeave: (event) => {
+          event.preventDefault();
+          if (event.currentTarget.contains(event.relatedTarget)) return;
+          setIsDragActive(false);
+        },
+        onDrop: handleDrop,
+        children: [
+          /* @__PURE__ */ jsx17(
+            "input",
+            {
+              ...rest,
+              id: inputId,
+              ref: setRefs,
+              type: "file",
+              className: clsx16("rui-file-picker__input", className),
+              accept,
+              disabled,
+              multiple,
+              onChange: handleInputChange,
+              "aria-invalid": error ? true : void 0,
+              "aria-describedby": resolvedAriaDescribedBy
+            }
+          ),
+          /* @__PURE__ */ jsx17("p", { className: "rui-file-picker__prompt rui-text-wrap", children: dropzoneLabel }),
+          /* @__PURE__ */ jsx17("p", { className: "rui-file-picker__hint rui-text-wrap", children: (accept == null ? void 0 : accept.trim()) ? `Accepted: ${accept}` : "Accepted: all file types" }),
+          resolvedMaxFiles ? /* @__PURE__ */ jsxs15("p", { className: "rui-file-picker__hint rui-text-wrap", children: [
+            "Maximum files: ",
+            resolvedMaxFiles
+          ] }) : null,
+          hasSelection ? /* @__PURE__ */ jsx17("ul", { className: "rui-file-picker__list", "aria-label": "Selected files", children: selectedFiles.map((file) => /* @__PURE__ */ jsxs15("li", { className: "rui-file-picker__item", children: [
+            /* @__PURE__ */ jsx17("span", { className: "rui-file-picker__file-name rui-text-wrap", children: file.name }),
+            /* @__PURE__ */ jsx17("span", { className: "rui-file-picker__file-meta", children: formatBytes(file.size) })
+          ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null
+        ]
+      }
+    ),
+    description ? /* @__PURE__ */ jsx17("p", { id: descriptionId, className: "rui-file-picker__description rui-text-wrap", children: description }) : null,
+    restrictedCount > 0 ? /* @__PURE__ */ jsxs15("p", { className: "rui-file-picker__warning rui-text-wrap", children: [
+      restrictedCount,
+      " file",
+      restrictedCount === 1 ? "" : "s",
+      " ",
+      restrictedCount === 1 ? "was" : "were",
+      " ignored due to selection restrictions."
+    ] }) : null,
+    error ? /* @__PURE__ */ jsx17("p", { id: errorId, className: "rui-file-picker__error rui-text-wrap", children: error }) : null
+  ] });
+});
+
+// components/InputField/InputField.tsx
+import * as React16 from "react";
+import clsx17 from "clsx";
+import "./InputField-TKTNGOH3.css";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+var InputField = React16.forwardRef(function InputField2({ label, description, error, leadingIcon, trailingLabel, className, id, disabled, ...rest }, ref) {
+  const generatedId = React16.useId();
+  const inputId = id != null ? id : generatedId;
+  const descriptionId = React16.useId();
+  const errorId = React16.useId();
   const hintIds = [description ? descriptionId : null, error ? errorId : null].filter(Boolean);
   const resolvedAriaDescribedBy = hintIds.length ? hintIds.join(" ") : void 0;
-  const containerClasses = clsx16(
+  const containerClasses = clsx17(
     disabled && "rui-input-field__shell--disabled",
     error && "rui-input-field__shell--error"
   );
-  const inputClasses = clsx16(
+  const inputClasses = clsx17(
     "rui-input-field__input",
     className
   );
-  const leadingElm = leadingIcon ? /* @__PURE__ */ jsx17("span", { className: "rui-input-field__leading", "aria-hidden": "true", children: leadingIcon }) : null;
-  const trailingElm = trailingLabel ? /* @__PURE__ */ jsx17("span", { className: "rui-input-field__trailing rui-text-wrap", children: trailingLabel }) : null;
-  return /* @__PURE__ */ jsxs15("div", { className: "rui-input-field rui-root", children: [
-    label ? /* @__PURE__ */ jsx17(
+  const leadingElm = leadingIcon ? /* @__PURE__ */ jsx18("span", { className: "rui-input-field__leading", "aria-hidden": "true", children: leadingIcon }) : null;
+  const trailingElm = trailingLabel ? /* @__PURE__ */ jsx18("span", { className: "rui-input-field__trailing rui-text-wrap", children: trailingLabel }) : null;
+  return /* @__PURE__ */ jsxs16("div", { className: "rui-input-field rui-root", children: [
+    label ? /* @__PURE__ */ jsx18(
       "label",
       {
         htmlFor: inputId,
@@ -2821,9 +3005,9 @@ var InputField = React15.forwardRef(function InputField2({ label, description, e
         children: label
       }
     ) : null,
-    /* @__PURE__ */ jsxs15("div", { className: clsx16("rui-input-field__shell", containerClasses), children: [
+    /* @__PURE__ */ jsxs16("div", { className: clsx17("rui-input-field__shell", containerClasses), children: [
       leadingElm,
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(
         "input",
         {
           ...rest,
@@ -2837,17 +3021,17 @@ var InputField = React15.forwardRef(function InputField2({ label, description, e
       ),
       trailingElm
     ] }),
-    description ? /* @__PURE__ */ jsx17("p", { id: descriptionId, className: "rui-input-field__description rui-text-wrap", children: description }) : null,
-    error ? /* @__PURE__ */ jsx17("p", { id: errorId, className: "rui-input-field__error rui-text-wrap", children: error }) : null
+    description ? /* @__PURE__ */ jsx18("p", { id: descriptionId, className: "rui-input-field__description rui-text-wrap", children: description }) : null,
+    error ? /* @__PURE__ */ jsx18("p", { id: errorId, className: "rui-input-field__error rui-text-wrap", children: error }) : null
   ] });
 });
 
 // components/NumberInput/NumberInput.tsx
-import * as React16 from "react";
-import clsx17 from "clsx";
+import * as React17 from "react";
+import clsx18 from "clsx";
 import "./NumberInput-KTYVXS7K.css";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-var NumberInput = React16.forwardRef(
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var NumberInput = React17.forwardRef(
   function NumberInput2({
     label,
     description,
@@ -2864,7 +3048,7 @@ var NumberInput = React16.forwardRef(
     max,
     scale = 1
   }, ref) {
-    const [internal, setInternal] = React16.useState(defaultValue);
+    const [internal, setInternal] = React17.useState(defaultValue);
     const isControlled = typeof value === "number";
     const resolved = isControlled ? value != null ? value : 0 : internal;
     const update = (next) => {
@@ -2874,7 +3058,7 @@ var NumberInput = React16.forwardRef(
     };
     const resolvedText = `${resolved}`;
     const valueChars = Math.max(resolvedText.length, 1);
-    const rootStyle = React16.useMemo(
+    const rootStyle = React17.useMemo(
       () => ({
         "--rui-number-input-scale": scale,
         "--rui-number-input-value-ch": valueChars,
@@ -2882,19 +3066,19 @@ var NumberInput = React16.forwardRef(
       }),
       [scale, style, valueChars]
     );
-    return /* @__PURE__ */ jsxs16("div", { className: "rui-number-input rui-root", style: rootStyle, children: [
-      label ? /* @__PURE__ */ jsx18("p", { className: "rui-number-input__label rui-text-wrap", children: label }) : null,
-      /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17("div", { className: "rui-number-input rui-root", style: rootStyle, children: [
+      label ? /* @__PURE__ */ jsx19("p", { className: "rui-number-input__label rui-text-wrap", children: label }) : null,
+      /* @__PURE__ */ jsxs17(
         "div",
         {
-          className: clsx17(
+          className: clsx18(
             "rui-number-input__shell",
             disabled && "rui-number-input__shell--disabled",
             error && "rui-number-input__shell--error"
           ),
           children: [
-            /* @__PURE__ */ jsxs16("div", { className: "rui-number-input__stepper", children: [
-              /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsxs17("div", { className: "rui-number-input__stepper", children: [
+              /* @__PURE__ */ jsx19(
                 Button,
                 {
                   type: "button",
@@ -2902,7 +3086,7 @@ var NumberInput = React16.forwardRef(
                   onClick: () => update(resolved + step),
                   className: "rui-number-input__step-button",
                   disabled,
-                  children: /* @__PURE__ */ jsx18(
+                  children: /* @__PURE__ */ jsx19(
                     "svg",
                     {
                       viewBox: "0 0 20 20",
@@ -2910,7 +3094,7 @@ var NumberInput = React16.forwardRef(
                       "aria-hidden": "true",
                       width: "1.1em",
                       height: "1.1em",
-                      children: /* @__PURE__ */ jsx18(
+                      children: /* @__PURE__ */ jsx19(
                         "path",
                         {
                           fillRule: "evenodd",
@@ -2922,7 +3106,7 @@ var NumberInput = React16.forwardRef(
                   )
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx19(
                 Button,
                 {
                   type: "button",
@@ -2930,7 +3114,7 @@ var NumberInput = React16.forwardRef(
                   onClick: () => update(resolved - step),
                   className: "rui-number-input__step-button",
                   disabled,
-                  children: /* @__PURE__ */ jsx18(
+                  children: /* @__PURE__ */ jsx19(
                     "svg",
                     {
                       viewBox: "0 0 20 20",
@@ -2938,7 +3122,7 @@ var NumberInput = React16.forwardRef(
                       "aria-hidden": "true",
                       width: "1.1em",
                       height: "1.1em",
-                      children: /* @__PURE__ */ jsx18(
+                      children: /* @__PURE__ */ jsx19(
                         "path",
                         {
                           fillRule: "evenodd",
@@ -2951,7 +3135,7 @@ var NumberInput = React16.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "input",
               {
                 ref,
@@ -2962,47 +3146,47 @@ var NumberInput = React16.forwardRef(
                 max,
                 step,
                 disabled,
-                className: clsx17(
+                className: clsx18(
                   "rui-number-input__input",
                   className
                 )
               }
             ),
-            suffix ? /* @__PURE__ */ jsx18("span", { className: "rui-number-input__suffix rui-text-wrap", children: suffix }) : null
+            suffix ? /* @__PURE__ */ jsx19("span", { className: "rui-number-input__suffix rui-text-wrap", children: suffix }) : null
           ]
         }
       ),
-      description ? /* @__PURE__ */ jsx18("p", { className: "rui-number-input__helper rui-number-input__helper--description rui-text-wrap", children: description }) : null,
-      error ? /* @__PURE__ */ jsx18("p", { className: "rui-number-input__helper rui-number-input__helper--error rui-text-wrap", children: error }) : null
+      description ? /* @__PURE__ */ jsx19("p", { className: "rui-number-input__helper rui-number-input__helper--description rui-text-wrap", children: description }) : null,
+      error ? /* @__PURE__ */ jsx19("p", { className: "rui-number-input__helper rui-number-input__helper--error rui-text-wrap", children: error }) : null
     ] });
   }
 );
 
 // components/OutputChip/OutputChip.tsx
-import * as React17 from "react";
-import clsx18 from "clsx";
+import * as React18 from "react";
+import clsx19 from "clsx";
 import "./OutputChip-CN7R243G.css";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
-var OutputChip = React17.forwardRef(function OutputChip2({ children, className, tone = "neutral", label, ...rest }, ref) {
-  return /* @__PURE__ */ jsxs17(
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+var OutputChip = React18.forwardRef(function OutputChip2({ children, className, tone = "neutral", label, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs18(
     "output",
     {
       ...rest,
       ref,
       "data-tone": tone,
-      className: clsx18("rui-root", "rui-output-chip", className),
+      className: clsx19("rui-root", "rui-output-chip", className),
       children: [
-        label ? /* @__PURE__ */ jsx19("span", { className: "rui-output-chip__label rui-text-wrap", children: label }) : null,
-        /* @__PURE__ */ jsx19("span", { className: "rui-output-chip__value rui-text-wrap", children })
+        label ? /* @__PURE__ */ jsx20("span", { className: "rui-output-chip__label rui-text-wrap", children: label }) : null,
+        /* @__PURE__ */ jsx20("span", { className: "rui-output-chip__value rui-text-wrap", children })
       ]
     }
   );
 });
 
 // components/ProgressMeter/ProgressMeter.tsx
-import clsx19 from "clsx";
+import clsx20 from "clsx";
 import "./ProgressMeter-6EOIFB3Y.css";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function Progress({
   label,
   description,
@@ -3013,17 +3197,17 @@ function Progress({
 }) {
   const clamped = Math.min(max, Math.max(0, value));
   const percent = max === 0 ? 0 : Math.round(clamped / max * 100);
-  return /* @__PURE__ */ jsxs18("div", { className: clsx19("rui-progress-meter rui-root", className), children: [
-    label ? /* @__PURE__ */ jsxs18("div", { className: "rui-progress-meter__header", children: [
-      /* @__PURE__ */ jsx20("p", { className: "rui-progress-meter__label rui-text-wrap", children: label }),
-      showValue ? /* @__PURE__ */ jsxs18("span", { className: "rui-progress-meter__value", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: clsx20("rui-progress-meter rui-root", className), children: [
+    label ? /* @__PURE__ */ jsxs19("div", { className: "rui-progress-meter__header", children: [
+      /* @__PURE__ */ jsx21("p", { className: "rui-progress-meter__label rui-text-wrap", children: label }),
+      showValue ? /* @__PURE__ */ jsxs19("span", { className: "rui-progress-meter__value", children: [
         percent,
         "%"
       ] }) : null
     ] }) : null,
-    description ? /* @__PURE__ */ jsx20("p", { className: "rui-progress-meter__description rui-text-wrap", children: description }) : null,
-    /* @__PURE__ */ jsxs18("div", { className: "rui-progress-meter__track", children: [
-      /* @__PURE__ */ jsx20(
+    description ? /* @__PURE__ */ jsx21("p", { className: "rui-progress-meter__description rui-text-wrap", children: description }) : null,
+    /* @__PURE__ */ jsxs19("div", { className: "rui-progress-meter__track", children: [
+      /* @__PURE__ */ jsx21(
         "progress",
         {
           value: clamped,
@@ -3032,7 +3216,7 @@ function Progress({
           "aria-label": label
         }
       ),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "div",
         {
           className: "rui-progress-meter__fill rui-progress-meter__fill--gradient",
@@ -3058,14 +3242,14 @@ function Meter({
     (acc, t) => clamped >= t.value ? t.color : acc,
     (_b = (_a = thresholds[0]) == null ? void 0 : _a.color) != null ? _b : "linear-gradient(90deg, #22c55e, #0ea5e9)"
   ) : "linear-gradient(90deg, #22c55e, #0ea5e9)";
-  return /* @__PURE__ */ jsxs18("div", { className: clsx19("rui-progress-meter rui-root", className), children: [
-    label ? /* @__PURE__ */ jsxs18("div", { className: "rui-progress-meter__header", children: [
-      /* @__PURE__ */ jsx20("p", { className: "rui-progress-meter__label rui-text-wrap", children: label }),
-      /* @__PURE__ */ jsx20("span", { className: "rui-progress-meter__value", children: clamped })
+  return /* @__PURE__ */ jsxs19("div", { className: clsx20("rui-progress-meter rui-root", className), children: [
+    label ? /* @__PURE__ */ jsxs19("div", { className: "rui-progress-meter__header", children: [
+      /* @__PURE__ */ jsx21("p", { className: "rui-progress-meter__label rui-text-wrap", children: label }),
+      /* @__PURE__ */ jsx21("span", { className: "rui-progress-meter__value", children: clamped })
     ] }) : null,
-    description ? /* @__PURE__ */ jsx20("p", { className: "rui-progress-meter__description rui-text-wrap", children: description }) : null,
-    /* @__PURE__ */ jsxs18("div", { className: "rui-progress-meter__track", children: [
-      /* @__PURE__ */ jsx20(
+    description ? /* @__PURE__ */ jsx21("p", { className: "rui-progress-meter__description rui-text-wrap", children: description }) : null,
+    /* @__PURE__ */ jsxs19("div", { className: "rui-progress-meter__track", children: [
+      /* @__PURE__ */ jsx21(
         "meter",
         {
           value: clamped,
@@ -3075,7 +3259,7 @@ function Meter({
           "aria-label": label
         }
       ),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "div",
         {
           className: "rui-progress-meter__fill",
@@ -3087,11 +3271,11 @@ function Meter({
 }
 
 // components/Radio/Radio.tsx
-import * as React18 from "react";
-import clsx20 from "clsx";
+import * as React19 from "react";
+import clsx21 from "clsx";
 import "./Radio-K6CDDBCQ.css";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-var Radio = React18.forwardRef(function Radio2({
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+var Radio = React19.forwardRef(function Radio2({
   label,
   description,
   color,
@@ -3104,11 +3288,11 @@ var Radio = React18.forwardRef(function Radio2({
   id,
   ...rest
 }, forwardedRef) {
-  const generatedId = React18.useId();
+  const generatedId = React19.useId();
   const radioId = id != null ? id : generatedId;
-  const descriptionId = React18.useId();
+  const descriptionId = React19.useId();
   const isControlled = typeof checked === "boolean";
-  const [internalChecked, setInternalChecked] = React18.useState(defaultChecked);
+  const [internalChecked, setInternalChecked] = React19.useState(defaultChecked);
   const resolvedChecked = isControlled ? !!checked : internalChecked;
   const handleChange = (event) => {
     const next = event.target.checked;
@@ -3117,20 +3301,20 @@ var Radio = React18.forwardRef(function Radio2({
     }
     onChange == null ? void 0 : onChange(next);
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "label",
     {
       htmlFor: radioId,
-      className: clsx20(
+      className: clsx21(
         "rui-radio rui-root",
         color && `rui-radio--color-${color}`,
         disabled && "rui-radio--disabled",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs19("span", { className: "rui-radio__content", children: [
-          /* @__PURE__ */ jsxs19("span", { className: "rui-radio__indicator", children: [
-            /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsxs20("span", { className: "rui-radio__content", children: [
+          /* @__PURE__ */ jsxs20("span", { className: "rui-radio__indicator", children: [
+            /* @__PURE__ */ jsx22(
               "input",
               {
                 ...rest,
@@ -3144,7 +3328,7 @@ var Radio = React18.forwardRef(function Radio2({
                 disabled
               }
             ),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(
               "span",
               {
                 className: "rui-radio__control",
@@ -3152,22 +3336,22 @@ var Radio = React18.forwardRef(function Radio2({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs19("span", { className: "rui-radio__meta", children: [
-            /* @__PURE__ */ jsx21("span", { className: "rui-radio__label rui-text-wrap", children: label }),
-            description ? /* @__PURE__ */ jsx21("span", { id: descriptionId, className: "rui-radio__description rui-text-wrap", children: description }) : null
+          /* @__PURE__ */ jsxs20("span", { className: "rui-radio__meta", children: [
+            /* @__PURE__ */ jsx22("span", { className: "rui-radio__label rui-text-wrap", children: label }),
+            description ? /* @__PURE__ */ jsx22("span", { id: descriptionId, className: "rui-radio__description rui-text-wrap", children: description }) : null
           ] })
         ] }),
-        extra ? /* @__PURE__ */ jsx21("span", { className: "rui-radio__extra rui-text-wrap", children: extra }) : null
+        extra ? /* @__PURE__ */ jsx22("span", { className: "rui-radio__extra rui-text-wrap", children: extra }) : null
       ]
     }
   );
 });
 
 // components/Slider/Slider.tsx
-import * as React19 from "react";
-import clsx21 from "clsx";
+import * as React20 from "react";
+import clsx22 from "clsx";
 import "./Slider-KHMHINU4.css";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 function clampValue(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
@@ -3181,7 +3365,7 @@ function snapToStep(value, min, max, step) {
   const stepped = Math.round((limited - min) / safeStep) * safeStep + min;
   return clampValue(Number(stepped.toFixed(6)), min, max);
 }
-var Slider = React19.forwardRef(function Slider2({
+var Slider = React20.forwardRef(function Slider2({
   label,
   value,
   defaultValue,
@@ -3206,31 +3390,31 @@ var Slider = React19.forwardRef(function Slider2({
 }, forwardedRef) {
   const isControlled = typeof value === "number";
   const initialValue = typeof defaultValue === "number" ? defaultValue : min;
-  const [internalValue, setInternalValue] = React19.useState(
+  const [internalValue, setInternalValue] = React20.useState(
     () => snapToStep(initialValue, min, max, step)
   );
-  const [focused, setFocused] = React19.useState(false);
-  const [dragging, setDragging] = React19.useState(false);
-  const [trackMetrics, setTrackMetrics] = React19.useState({
+  const [focused, setFocused] = React20.useState(false);
+  const [dragging, setDragging] = React20.useState(false);
+  const [trackMetrics, setTrackMetrics] = React20.useState({
     length: 0,
     mainOffset: 0,
     crossOffset: 0,
     thickness: 0
   });
-  const generatedId = React19.useId();
+  const generatedId = React20.useId();
   const inputId = id != null ? id : generatedId;
-  const inputRef = React19.useRef(null);
-  const interactionRef = React19.useRef(null);
-  const trackContainerRef = React19.useRef(null);
-  const trackRef = React19.useRef(null);
-  const mergedRef = React19.useCallback(
+  const inputRef = React20.useRef(null);
+  const interactionRef = React20.useRef(null);
+  const trackContainerRef = React20.useRef(null);
+  const trackRef = React20.useRef(null);
+  const mergedRef = React20.useCallback(
     (node) => {
       inputRef.current = node;
       assignRef(forwardedRef, node);
     },
     [forwardedRef]
   );
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     setInternalValue((prev) => snapToStep(prev, min, max, step));
   }, [min, max, step]);
   const resolvedValue = snapToStep(
@@ -3243,7 +3427,7 @@ var Slider = React19.forwardRef(function Slider2({
   const isVertical = orientation === "vertical";
   const thumbDiameter = Math.max(thumbSize, 2);
   const thumbRadius = thumbDiameter / 2;
-  React19.useLayoutEffect(() => {
+  React20.useLayoutEffect(() => {
     const track = trackRef.current;
     const container = trackContainerRef.current;
     if (!track || !container) return;
@@ -3279,17 +3463,17 @@ var Slider = React19.forwardRef(function Slider2({
     return reversed ? 1 - logicalRatio : logicalRatio;
   })();
   const positionPx = minCenter + usableLength * positionRatio;
-  const gradientSize = React19.useMemo(() => {
+  const gradientSize = React20.useMemo(() => {
     if (fillMode === "stretch" || trackLength === 0) return "100% 100%";
     return isVertical ? `100% ${trackLength}px` : `${trackLength}px 100%`;
   }, [fillMode, isVertical, trackLength]);
-  const gradientPosition = React19.useMemo(() => {
+  const gradientPosition = React20.useMemo(() => {
     if (fillMode === "stretch") return void 0;
     if (!isVertical && reversed) return "right center";
     if (isVertical && !reversed) return "center bottom";
     return "left top";
   }, [fillMode, isVertical, reversed]);
-  const progressStyle = React19.useMemo(() => {
+  const progressStyle = React20.useMemo(() => {
     if (trackLength === 0) return {};
     const half = thumbRadius;
     if (!isVertical && !reversed) {
@@ -3309,25 +3493,25 @@ var Slider = React19.forwardRef(function Slider2({
     const height = Math.max(Math.min(trackLength - start, trackLength), 0);
     return { bottom: 0, height, left: 0, right: 0 };
   }, [isVertical, reversed, positionPx, trackLength, thumbRadius]);
-  const trackGradient = React19.useMemo(() => {
+  const trackGradient = React20.useMemo(() => {
     if (!isVertical && !reversed) return "linear-gradient(90deg, #e2e8f0, #fff, #e2e8f0)";
     if (!isVertical && reversed) return "linear-gradient(270deg, #e2e8f0, #fff, #e2e8f0)";
     if (isVertical && reversed) return "linear-gradient(180deg, #e2e8f0, #fff, #e2e8f0)";
     return "linear-gradient(0deg, #e2e8f0, #fff, #e2e8f0)";
   }, [isVertical, reversed]);
-  const fillGradient = React19.useMemo(() => {
+  const fillGradient = React20.useMemo(() => {
     if (!isVertical && !reversed) return "linear-gradient(90deg, #38bdf8, #6366f1)";
     if (!isVertical && reversed) return "linear-gradient(270deg, #38bdf8, #6366f1)";
     if (isVertical && reversed) return "linear-gradient(180deg, #38bdf8, #6366f1)";
     return "linear-gradient(0deg, #38bdf8, #6366f1)";
   }, [isVertical, reversed]);
-  const thumbStyle = React19.useMemo(() => {
+  const thumbStyle = React20.useMemo(() => {
     if (isVertical) {
       return { top: trackOffset + positionPx, left: trackCrossOffset + trackThickness / 2 };
     }
     return { left: trackOffset + positionPx, top: trackCrossOffset + trackThickness / 2 };
   }, [isVertical, positionPx, trackOffset, trackCrossOffset, trackThickness]);
-  const renderProps = React19.useMemo(
+  const renderProps = React20.useMemo(
     () => ({
       value: resolvedValue,
       min,
@@ -3361,7 +3545,7 @@ var Slider = React19.forwardRef(function Slider2({
       trackThickness
     ]
   );
-  const commitValue = React19.useCallback(
+  const commitValue = React20.useCallback(
     (next) => {
       const snapped = snapToStep(next, min, max, step);
       if (!isControlled) {
@@ -3383,7 +3567,7 @@ var Slider = React19.forwardRef(function Slider2({
     applyInputValue(event.currentTarget.value);
   };
   const formattedValue = formatValue(resolvedValue);
-  const setValueFromPointer = React19.useCallback(
+  const setValueFromPointer = React20.useCallback(
     (clientX, clientY) => {
       var _a;
       const rect = (_a = trackRef.current) == null ? void 0 : _a.getBoundingClientRect();
@@ -3409,7 +3593,7 @@ var Slider = React19.forwardRef(function Slider2({
     },
     [commitValue, isVertical, max, min, overlap, reversed, thumbRadius]
   );
-  const handlePointerDown = React19.useCallback(
+  const handlePointerDown = React20.useCallback(
     (event) => {
       var _a, _b;
       event.preventDefault();
@@ -3436,11 +3620,11 @@ var Slider = React19.forwardRef(function Slider2({
     },
     [setValueFromPointer]
   );
-  const defaultTrack = /* @__PURE__ */ jsxs20(
+  const defaultTrack = /* @__PURE__ */ jsxs21(
     "div",
     {
       ref: trackRef,
-      className: clsx21(
+      className: clsx22(
         "rui-slider__track",
         isVertical && "rui-slider__track--vertical",
         disabled && "rui-slider__track--disabled",
@@ -3449,10 +3633,10 @@ var Slider = React19.forwardRef(function Slider2({
       style: { backgroundImage: trackGradient },
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "div",
           {
-            className: clsx21(
+            className: clsx22(
               "rui-slider__track-fill",
               dragging && "rui-slider__track-fill--dragging",
               isVertical ? "rui-slider__track-fill--vertical" : "rui-slider__track-fill--horizontal"
@@ -3465,14 +3649,14 @@ var Slider = React19.forwardRef(function Slider2({
             }
           }
         ),
-        /* @__PURE__ */ jsx22("div", { className: "rui-slider__track-overlay" })
+        /* @__PURE__ */ jsx23("div", { className: "rui-slider__track-overlay" })
       ]
     }
   );
-  const defaultThumb = /* @__PURE__ */ jsx22(
+  const defaultThumb = /* @__PURE__ */ jsx23(
     "span",
     {
-      className: clsx21(
+      className: clsx22(
         "rui-slider__thumb",
         focused && "rui-slider__thumb--focused",
         disabled && "rui-slider__thumb--disabled",
@@ -3480,23 +3664,23 @@ var Slider = React19.forwardRef(function Slider2({
       ),
       style: { ...thumbStyle, width: thumbDiameter, height: thumbDiameter },
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxs20("span", { className: "rui-slider__thumb-core", children: [
-        /* @__PURE__ */ jsx22("span", { className: "rui-slider__thumb-gradient" }),
-        /* @__PURE__ */ jsx22("span", { className: "rui-slider__thumb-overlay" })
+      children: /* @__PURE__ */ jsxs21("span", { className: "rui-slider__thumb-core", children: [
+        /* @__PURE__ */ jsx23("span", { className: "rui-slider__thumb-gradient" }),
+        /* @__PURE__ */ jsx23("span", { className: "rui-slider__thumb-overlay" })
       ] })
     }
   );
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
-      className: clsx21(
+      className: clsx22(
         "rui-root rui-slider",
         isVertical && "rui-slider--vertical",
         className
       ),
       children: [
-        label ? /* @__PURE__ */ jsxs20("div", { className: "rui-slider__header", children: [
-          /* @__PURE__ */ jsx22(
+        label ? /* @__PURE__ */ jsxs21("div", { className: "rui-slider__header", children: [
+          /* @__PURE__ */ jsx23(
             "label",
             {
               htmlFor: inputId,
@@ -3504,13 +3688,13 @@ var Slider = React19.forwardRef(function Slider2({
               children: label
             }
           ),
-          /* @__PURE__ */ jsx22("span", { className: "rui-slider__value", children: formattedValue })
+          /* @__PURE__ */ jsx23("span", { className: "rui-slider__value", children: formattedValue })
         ] }) : null,
-        /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs21(
           "div",
           {
             ref: trackContainerRef,
-            className: clsx21(
+            className: clsx22(
               "rui-slider__track-container",
               isVertical && "rui-slider__track-container--vertical"
             ),
@@ -3518,7 +3702,7 @@ var Slider = React19.forwardRef(function Slider2({
             children: [
               renderTrack ? renderTrack({ ...renderProps, children: defaultTrack }) : defaultTrack,
               renderThumb ? renderThumb(renderProps) : defaultThumb,
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "input",
                 {
                   ...rest,
@@ -3540,13 +3724,13 @@ var Slider = React19.forwardRef(function Slider2({
                   className: "rui-slider__input"
                 }
               ),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 "div",
                 {
                   ref: interactionRef,
                   "aria-hidden": "true",
                   onPointerDown: handlePointerDown,
-                  className: clsx21(
+                  className: clsx22(
                     "rui-slider__interaction",
                     isVertical ? "rui-slider__interaction--vertical" : "rui-slider__interaction--horizontal"
                   )
@@ -3561,24 +3745,24 @@ var Slider = React19.forwardRef(function Slider2({
 });
 
 // components/StackedList/StackedList.tsx
-import clsx22 from "clsx";
+import clsx23 from "clsx";
 import "./StackedList-QF5242GF.css";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function StackedList({ items, dense, className, ...rest }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       ...rest,
-      className: clsx22(
+      className: clsx23(
         "rui-stacked-list rui-root rui-surface",
         className
       ),
-      children: /* @__PURE__ */ jsx23("ul", { role: "list", className: "rui-stacked-list__list", children: items.map((item) => /* @__PURE__ */ jsxs21(
+      children: /* @__PURE__ */ jsx24("ul", { role: "list", className: "rui-stacked-list__list", children: items.map((item) => /* @__PURE__ */ jsxs22(
         "li",
         {
-          className: clsx22("rui-stacked-list__item", dense && "rui-stacked-list__item--dense"),
+          className: clsx23("rui-stacked-list__item", dense && "rui-stacked-list__item--dense"),
           children: [
-            item.icon ? /* @__PURE__ */ jsx23(
+            item.icon ? /* @__PURE__ */ jsx24(
               "div",
               {
                 className: "rui-stacked-list__icon",
@@ -3586,12 +3770,12 @@ function StackedList({ items, dense, className, ...rest }) {
                 children: item.icon
               }
             ) : null,
-            /* @__PURE__ */ jsxs21("div", { className: "rui-stacked-list__content", children: [
-              /* @__PURE__ */ jsx23("p", { className: "rui-stacked-list__title rui-text-wrap", children: item.title }),
-              item.description ? /* @__PURE__ */ jsx23("p", { className: "rui-stacked-list__description rui-text-wrap", children: item.description }) : null
+            /* @__PURE__ */ jsxs22("div", { className: "rui-stacked-list__content", children: [
+              /* @__PURE__ */ jsx24("p", { className: "rui-stacked-list__title rui-text-wrap", children: item.title }),
+              item.description ? /* @__PURE__ */ jsx24("p", { className: "rui-stacked-list__description rui-text-wrap", children: item.description }) : null
             ] }),
-            /* @__PURE__ */ jsxs21("div", { className: "rui-stacked-list__meta", children: [
-              item.meta ? /* @__PURE__ */ jsx23("span", { className: "rui-stacked-list__meta-text rui-text-wrap", children: item.meta }) : null,
+            /* @__PURE__ */ jsxs22("div", { className: "rui-stacked-list__meta", children: [
+              item.meta ? /* @__PURE__ */ jsx24("span", { className: "rui-stacked-list__meta-text rui-text-wrap", children: item.meta }) : null,
               item.action
             ] })
           ]
@@ -3603,9 +3787,9 @@ function StackedList({ items, dense, className, ...rest }) {
 }
 
 // components/TabGroup/TabGroup.tsx
-import React20 from "react";
+import React21 from "react";
 import "./TabGroup-CV2AC3EO.css";
-import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function TabGroup({
   align = "start",
   position = "top",
@@ -3618,14 +3802,14 @@ function TabGroup({
   onActiveChange
 }) {
   var _a, _b;
-  const rootRef = React20.useRef(null);
-  const tabStripRef = React20.useRef(null);
-  const idBase = React20.useId();
-  const [effectiveFill, setEffectiveFill] = React20.useState(fill);
-  const [availableMain, setAvailableMain] = React20.useState(0);
-  const [minMain, setMinMain] = React20.useState(32);
+  const rootRef = React21.useRef(null);
+  const tabStripRef = React21.useRef(null);
+  const idBase = React21.useId();
+  const [effectiveFill, setEffectiveFill] = React21.useState(fill);
+  const [availableMain, setAvailableMain] = React21.useState(0);
+  const [minMain, setMinMain] = React21.useState(32);
   const count = tabs.length;
-  const clampIndex = React20.useCallback(
+  const clampIndex = React21.useCallback(
     (i) => {
       if (count <= 0) {
         return 0;
@@ -3638,14 +3822,14 @@ function TabGroup({
     [count]
   );
   const isControlled = active !== void 0;
-  const [activeInternal, setActiveInternal] = React20.useState(() => clampIndex(defaultActive));
-  React20.useEffect(() => {
+  const [activeInternal, setActiveInternal] = React21.useState(() => clampIndex(defaultActive));
+  React21.useEffect(() => {
     if (!isControlled) {
       setActiveInternal((i) => clampIndex(i));
     }
   }, [clampIndex, isControlled]);
   const currentActive = clampIndex(isControlled ? active : activeInternal);
-  const setActive = React20.useCallback(
+  const setActive = React21.useCallback(
     (next) => {
       const i = clampIndex(next);
       if (!isControlled) {
@@ -3656,7 +3840,7 @@ function TabGroup({
     [clampIndex, isControlled, onActiveChange]
   );
   const tabsFirst = position === "top" || position === "left";
-  const updateEffectiveFill = React20.useCallback(() => {
+  const updateEffectiveFill = React21.useCallback(() => {
     const root = rootRef.current;
     if (!root) {
       setEffectiveFill(fill);
@@ -3675,7 +3859,7 @@ function TabGroup({
     const shouldFill = available - 2 * radius - wiggle <= required;
     setEffectiveFill(shouldFill || hasOverflowControls ? "full" : "partial");
   }, [fill, position, size, tabs.length]);
-  React20.useLayoutEffect(() => {
+  React21.useLayoutEffect(() => {
     if (fill === "full") {
       setEffectiveFill("full");
       return;
@@ -3690,14 +3874,14 @@ function TabGroup({
     return () => observer.disconnect();
   }, [fill, updateEffectiveFill]);
   const isVertical = position === "left" || position === "right";
-  React20.useLayoutEffect(() => {
+  React21.useLayoutEffect(() => {
     const root = rootRef.current;
     if (!root) return;
     const computed = getComputedStyle(root);
     const cssMin = parseFloat(computed.getPropertyValue("--rui-tab-min-main"));
     setMinMain(Number.isFinite(cssMin) && cssMin > 0 ? cssMin : 32);
   }, [position]);
-  React20.useLayoutEffect(() => {
+  React21.useLayoutEffect(() => {
     const node = tabStripRef.current;
     if (!node) return;
     const measure = () => {
@@ -3714,15 +3898,15 @@ function TabGroup({
   const overflow = slots < count;
   const windowSize = overflow ? Math.max(1, slots - 2) : count;
   const maxStart = Math.max(0, count - windowSize);
-  const [startIndex, setStartIndex] = React20.useState(0);
-  React20.useEffect(() => {
+  const [startIndex, setStartIndex] = React21.useState(0);
+  React21.useEffect(() => {
     if (!overflow) {
       setStartIndex(0);
       return;
     }
     setStartIndex((prev) => Math.min(Math.max(0, prev), maxStart));
   }, [overflow, maxStart]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!overflow) return;
     setStartIndex((prev) => {
       if (currentActive < prev) return currentActive;
@@ -3738,16 +3922,16 @@ function TabGroup({
   const scrollLabels = isVertical ? { back: "Scroll tabs up", forward: "Scroll tabs down" } : { back: "Scroll tabs left", forward: "Scroll tabs right" };
   const scrollMainStyle = overflowMainStyle;
   const panelId = `${idBase}-panel`;
-  const getTabId = React20.useCallback(
+  const getTabId = React21.useCallback(
     (index) => `${idBase}-tab-${index}`,
     [idBase]
   );
-  const focusTabAt = React20.useCallback((index) => {
+  const focusTabAt = React21.useCallback((index) => {
     var _a2;
     const node = (_a2 = rootRef.current) == null ? void 0 : _a2.querySelector(`[data-tab-index="${index}"]`);
     node == null ? void 0 : node.focus();
   }, []);
-  const moveActiveBy = React20.useCallback(
+  const moveActiveBy = React21.useCallback(
     (direction) => {
       var _a2;
       if (count === 0) return;
@@ -3762,7 +3946,7 @@ function TabGroup({
     },
     [count, currentActive, focusTabAt, setActive, tabs]
   );
-  const moveToEdge = React20.useCallback(
+  const moveToEdge = React21.useCallback(
     (edge) => {
       var _a2;
       if (count === 0) return;
@@ -3777,7 +3961,7 @@ function TabGroup({
     },
     [count, focusTabAt, setActive, tabs]
   );
-  const handleTabListKeyDown = React20.useCallback(
+  const handleTabListKeyDown = React21.useCallback(
     (event) => {
       const key = event.key;
       const prevKey = isVertical ? "ArrowUp" : "ArrowLeft";
@@ -3802,8 +3986,8 @@ function TabGroup({
     },
     [isVertical, moveActiveBy, moveToEdge]
   );
-  const tabList = /* @__PURE__ */ jsxs22("div", { className: "rui-tab-group__tabstrip", ref: tabStripRef, children: [
-    overflow && /* @__PURE__ */ jsx24(
+  const tabList = /* @__PURE__ */ jsxs23("div", { className: "rui-tab-group__tabstrip", ref: tabStripRef, children: [
+    overflow && /* @__PURE__ */ jsx25(
       "button",
       {
         type: "button",
@@ -3812,10 +3996,10 @@ function TabGroup({
         disabled: startIndex === 0,
         onClick: () => setStartIndex((i) => Math.max(0, i - 1)),
         style: scrollMainStyle,
-        children: /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: "rui-tab-group__scrollIcon", children: isVertical ? "\u25B2" : "\u25C0" })
+        children: /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "rui-tab-group__scrollIcon", children: isVertical ? "\u25B2" : "\u25C0" })
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "div",
       {
         className: "rui-tab-group__tablist",
@@ -3824,7 +4008,7 @@ function TabGroup({
         onKeyDown: handleTabListKeyDown,
         children: visibleTabs.map((tab, localIndex) => {
           const index = overflow ? startIndex + localIndex : localIndex;
-          return /* @__PURE__ */ jsx24(
+          return /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -3838,14 +4022,14 @@ function TabGroup({
               "data-tab-index": index,
               tabIndex: index === currentActive ? 0 : -1,
               onClick: () => !tab.disabled && setActive(index),
-              children: /* @__PURE__ */ jsx24("span", { className: "rui-tab-group__label", children: tab.label })
+              children: /* @__PURE__ */ jsx25("span", { className: "rui-tab-group__label", children: tab.label })
             },
             index
           );
         })
       }
     ),
-    overflow && /* @__PURE__ */ jsx24(
+    overflow && /* @__PURE__ */ jsx25(
       "button",
       {
         type: "button",
@@ -3854,11 +4038,11 @@ function TabGroup({
         disabled: startIndex === maxStart,
         onClick: () => setStartIndex((i) => Math.min(maxStart, i + 1)),
         style: scrollMainStyle,
-        children: /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: "rui-tab-group__scrollIcon", children: isVertical ? "\u25BC" : "\u25B6" })
+        children: /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "rui-tab-group__scrollIcon", children: isVertical ? "\u25BC" : "\u25B6" })
       }
     )
   ] });
-  const panel = /* @__PURE__ */ jsx24(
+  const panel = /* @__PURE__ */ jsx25(
     "div",
     {
       className: "rui-tab-group__panel",
@@ -3869,7 +4053,7 @@ function TabGroup({
       children: (_b = (_a = tabs[currentActive]) == null ? void 0 : _a.content) != null ? _b : null
     }
   );
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       ref: rootRef,
@@ -3880,10 +4064,10 @@ function TabGroup({
       "data-requested-fill": fill,
       "data-rotation": rotation,
       "data-overflow": overflow ? "true" : "false",
-      children: tabsFirst ? /* @__PURE__ */ jsxs22(Fragment2, { children: [
+      children: tabsFirst ? /* @__PURE__ */ jsxs23(Fragment2, { children: [
         tabList,
         panel
-      ] }) : /* @__PURE__ */ jsxs22(Fragment2, { children: [
+      ] }) : /* @__PURE__ */ jsxs23(Fragment2, { children: [
         panel,
         tabList
       ] })
@@ -3892,22 +4076,22 @@ function TabGroup({
 }
 
 // components/Table/Table.tsx
-import * as React21 from "react";
-import clsx23 from "clsx";
+import * as React22 from "react";
+import clsx24 from "clsx";
 import "./Table-GHEVUAUZ.css";
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 var MIN_THUMB = 24;
 var TRACK_PADDING2 = 6;
 var TRACK_THICKNESS = 6;
 var TRACK_INSET = 8;
 var V_TRACK_INSET = 10;
 function useScrollbarMetrics(ref, axis, extraSpace) {
-  const [state, setState] = React21.useState({
+  const [state, setState] = React22.useState({
     visible: false,
     size: MIN_THUMB,
     offset: 0
   });
-  React21.useLayoutEffect(() => {
+  React22.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     let raf = 0;
@@ -3943,7 +4127,7 @@ function useScrollbarMetrics(ref, axis, extraSpace) {
   return state;
 }
 function useThumbDrag(ref, axis, thumbState, extraSpace) {
-  const startDrag = React21.useCallback(
+  const startDrag = React22.useCallback(
     (event, startScrollOverride) => {
       var _a, _b;
       const el = ref.current;
@@ -3974,7 +4158,7 @@ function useThumbDrag(ref, axis, thumbState, extraSpace) {
     },
     [axis, ref, thumbState.size, extraSpace]
   );
-  const onThumbPointerDown = React21.useCallback(
+  const onThumbPointerDown = React22.useCallback(
     (event) => {
       event.stopPropagation();
       startDrag(event);
@@ -3991,15 +4175,15 @@ function Table({
   scrollAreaStyle,
   style
 }) {
-  const scrollRef = React21.useRef(null);
-  const [padRight, setPadRight] = React21.useState(0);
-  const [padBottom, setPadBottom] = React21.useState(0);
+  const scrollRef = React22.useRef(null);
+  const [padRight, setPadRight] = React22.useState(0);
+  const [padBottom, setPadBottom] = React22.useState(0);
   const vThumb = useScrollbarMetrics(scrollRef, "vertical", padBottom);
   const hThumb = useScrollbarMetrics(scrollRef, "horizontal", padRight);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setPadRight(vThumb.visible ? TRACK_PADDING2 + 10 : 0);
   }, [vThumb.visible]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setPadBottom(hThumb.visible ? TRACK_PADDING2 + 10 : 0);
   }, [hThumb.visible]);
   const { onThumbPointerDown: handleVThumbDown, startDrag: startVDrag } = useThumbDrag(
@@ -4014,7 +4198,7 @@ function Table({
     hThumb,
     padRight
   );
-  const handleTrackPointerDown = React21.useCallback(
+  const handleTrackPointerDown = React22.useCallback(
     (axis, thumb, startDrag, event) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -4039,33 +4223,33 @@ function Table({
   const vOffset = Math.max(TRACK_PADDING2, (vSlot - TRACK_THICKNESS) / 2);
   const hOffset = Math.max(TRACK_PADDING2, (hSlot - TRACK_THICKNESS) / 2);
   const hBottom = Math.max(TRACK_PADDING2 / 2, (hSlot - TRACK_THICKNESS) / 2);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
-      className: clsx23(
+      className: clsx24(
         "rui-table",
         className
       ),
       style,
-      children: /* @__PURE__ */ jsxs23(
+      children: /* @__PURE__ */ jsxs24(
         "div",
         {
           className: "rui-table__container",
           style: { paddingRight: padRight, paddingBottom: padBottom },
           children: [
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               "div",
               {
                 ref: scrollRef,
                 className: "rui-table__scroll",
                 style: { ...scrollAreaStyle },
-                children: /* @__PURE__ */ jsxs23("table", { className: "rui-table__table", children: [
-                  caption ? /* @__PURE__ */ jsx25("caption", { className: "rui-table__caption rui-text-wrap", children: caption }) : null,
-                  /* @__PURE__ */ jsx25("thead", { className: "rui-table__head", children: /* @__PURE__ */ jsx25("tr", { children: columns.map((col) => /* @__PURE__ */ jsx25(
+                children: /* @__PURE__ */ jsxs24("table", { className: "rui-table__table", children: [
+                  caption ? /* @__PURE__ */ jsx26("caption", { className: "rui-table__caption rui-text-wrap", children: caption }) : null,
+                  /* @__PURE__ */ jsx26("thead", { className: "rui-table__head", children: /* @__PURE__ */ jsx26("tr", { children: columns.map((col) => /* @__PURE__ */ jsx26(
                     "th",
                     {
                       scope: "col",
-                      className: clsx23(
+                      className: clsx24(
                         "rui-table__header-cell",
                         col.align === "right" && "rui-table__header-cell--align-right",
                         col.align === "center" && "rui-table__header-cell--align-center"
@@ -4074,17 +4258,17 @@ function Table({
                     },
                     String(col.key)
                   )) }) }),
-                  /* @__PURE__ */ jsx25("tbody", { children: data.map((row, rowIndex) => /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26("tbody", { children: data.map((row, rowIndex) => /* @__PURE__ */ jsx26(
                     "tr",
                     {
-                      className: clsx23(
+                      className: clsx24(
                         "rui-table__row",
                         rowIndex % 2 === 0 && "rui-table__row--alt"
                       ),
-                      children: columns.map((col) => /* @__PURE__ */ jsx25(
+                      children: columns.map((col) => /* @__PURE__ */ jsx26(
                         "td",
                         {
-                          className: clsx23(
+                          className: clsx24(
                             "rui-table__cell",
                             col.align === "right" && "rui-table__cell--align-right",
                             col.align === "center" && "rui-table__cell--align-center"
@@ -4099,7 +4283,7 @@ function Table({
                 ] })
               }
             ),
-            vThumb.visible ? /* @__PURE__ */ jsx25(
+            vThumb.visible ? /* @__PURE__ */ jsx26(
               "div",
               {
                 className: "rui-table__track rui-table__track--vertical",
@@ -4110,10 +4294,10 @@ function Table({
                   width: TRACK_THICKNESS
                 },
                 onPointerDown: (e) => handleTrackPointerDown("vertical", vThumb, startVDrag, e),
-                children: /* @__PURE__ */ jsx25("div", { className: "rui-table__track-inner", children: /* @__PURE__ */ jsx25(
+                children: /* @__PURE__ */ jsx26("div", { className: "rui-table__track-inner", children: /* @__PURE__ */ jsx26(
                   "div",
                   {
-                    className: clsx23(
+                    className: clsx24(
                       "rui-table__thumb rui-table__thumb--vertical"
                     ),
                     style: { height: `${vThumb.size}px`, top: `${vThumb.offset}px` },
@@ -4122,7 +4306,7 @@ function Table({
                 ) })
               }
             ) : null,
-            hThumb.visible ? /* @__PURE__ */ jsx25(
+            hThumb.visible ? /* @__PURE__ */ jsx26(
               "div",
               {
                 className: "rui-table__track rui-table__track--horizontal",
@@ -4133,10 +4317,10 @@ function Table({
                   height: TRACK_THICKNESS
                 },
                 onPointerDown: (e) => handleTrackPointerDown("horizontal", hThumb, startHDrag, e),
-                children: /* @__PURE__ */ jsx25("div", { className: "rui-table__track-inner", children: /* @__PURE__ */ jsx25(
+                children: /* @__PURE__ */ jsx26("div", { className: "rui-table__track-inner", children: /* @__PURE__ */ jsx26(
                   "div",
                   {
-                    className: clsx23(
+                    className: clsx24(
                       "rui-table__thumb rui-table__thumb--horizontal"
                     ),
                     style: { width: `${hThumb.size}px`, left: `${hThumb.offset}px` },
@@ -4153,17 +4337,17 @@ function Table({
 }
 
 // components/Textarea/Textarea.tsx
-import * as React22 from "react";
-import clsx24 from "clsx";
+import * as React23 from "react";
+import clsx25 from "clsx";
 import "./Textarea-ETXFJO7T.css";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 var MIN_THUMB2 = 24;
 var TRACK_THICKNESS2 = 6;
 var TRACK_TOP = 8;
 var TRACK_BOTTOM = 22;
 var TRACK_REDUCTION = 20;
 var TRACK_REDUCTION_HALF = TRACK_REDUCTION / 2;
-var Textarea = React22.forwardRef(function Textarea2({
+var Textarea = React23.forwardRef(function Textarea2({
   label,
   description,
   error,
@@ -4176,24 +4360,24 @@ var Textarea = React22.forwardRef(function Textarea2({
   ...rest
 }, ref) {
   var _a, _b;
-  const generatedId = React22.useId();
+  const generatedId = React23.useId();
   const textareaId = id != null ? id : generatedId;
-  const descriptionId = React22.useId();
-  const errorId = React22.useId();
-  const textareaRef = React22.useRef(null);
-  const shellRef = React22.useRef(null);
-  const resizeListenersRef = React22.useRef({});
-  const [thumb, setThumb] = React22.useState({
+  const descriptionId = React23.useId();
+  const errorId = React23.useId();
+  const textareaRef = React23.useRef(null);
+  const shellRef = React23.useRef(null);
+  const resizeListenersRef = React23.useRef({});
+  const [thumb, setThumb] = React23.useState({
     visible: false,
     size: MIN_THUMB2,
     offset: 0
   });
   const hintIds = [description ? descriptionId : null, error ? errorId : null].filter(Boolean);
   const resolvedAriaDescribedBy = hintIds.length ? hintIds.join(" ") : void 0;
-  const [value, setValue] = React22.useState((_b = (_a = rest.defaultValue) == null ? void 0 : _a.toString()) != null ? _b : "");
-  const [height, setHeight] = React22.useState(void 0);
-  const [width, setWidth] = React22.useState(void 0);
-  const setRefs = React22.useCallback(
+  const [value, setValue] = React23.useState((_b = (_a = rest.defaultValue) == null ? void 0 : _a.toString()) != null ? _b : "");
+  const [height, setHeight] = React23.useState(void 0);
+  const [width, setWidth] = React23.useState(void 0);
+  const setRefs = React23.useCallback(
     (node) => {
       textareaRef.current = node;
       if (typeof ref === "function") {
@@ -4204,17 +4388,17 @@ var Textarea = React22.forwardRef(function Textarea2({
     },
     [ref]
   );
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     if (typeof rest.value === "string") {
       setValue(rest.value);
     }
   }, [rest.value]);
-  React22.useLayoutEffect(() => {
+  React23.useLayoutEffect(() => {
     if (textareaRef.current && height === void 0) {
       setHeight(textareaRef.current.offsetHeight);
     }
   }, [height]);
-  React22.useLayoutEffect(() => {
+  React23.useLayoutEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
     let raf = 0;
@@ -4249,7 +4433,7 @@ var Textarea = React22.forwardRef(function Textarea2({
       cancelAnimationFrame(raf);
     };
   }, [height]);
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     return () => {
       if (resizeListenersRef.current.move) {
         window.removeEventListener("pointermove", resizeListenersRef.current.move);
@@ -4297,7 +4481,7 @@ var Textarea = React22.forwardRef(function Textarea2({
     window.addEventListener("pointerup", onUp);
     window.addEventListener("pointercancel", onUp);
   };
-  const handleThumbDrag = React22.useCallback(
+  const handleThumbDrag = React23.useCallback(
     (event, startScrollOverride) => {
       var _a2, _b2;
       const el = textareaRef.current;
@@ -4328,13 +4512,13 @@ var Textarea = React22.forwardRef(function Textarea2({
     },
     [thumb.size]
   );
-  const rootClasses = clsx24("rui-textarea", "rui-root", disabled && "rui-textarea--disabled");
-  const shellClasses = clsx24(
+  const rootClasses = clsx25("rui-textarea", "rui-root", disabled && "rui-textarea--disabled");
+  const shellClasses = clsx25(
     "rui-textarea__shell",
     disabled && "rui-textarea__shell--disabled",
     error && "rui-textarea__shell--error"
   );
-  const textareaClasses = clsx24(
+  const textareaClasses = clsx25(
     "rui-textarea__control",
     `rui-textarea__control--resize-${resizeDirection}`,
     className
@@ -4348,8 +4532,8 @@ var Textarea = React22.forwardRef(function Textarea2({
   };
   const allowX = resizeDirection === "horizontal" || resizeDirection === "both";
   const shellStyle = width !== void 0 && allowX ? { width } : void 0;
-  return /* @__PURE__ */ jsxs24("div", { className: rootClasses, children: [
-    label ? /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs25("div", { className: rootClasses, children: [
+    label ? /* @__PURE__ */ jsx27(
       "label",
       {
         htmlFor: textareaId,
@@ -4357,8 +4541,8 @@ var Textarea = React22.forwardRef(function Textarea2({
         children: label
       }
     ) : null,
-    /* @__PURE__ */ jsxs24("div", { className: shellClasses, ref: shellRef, style: shellStyle, children: [
-      /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsxs25("div", { className: shellClasses, ref: shellRef, style: shellStyle, children: [
+      /* @__PURE__ */ jsx27(
         "textarea",
         {
           ...restProps,
@@ -4377,7 +4561,7 @@ var Textarea = React22.forwardRef(function Textarea2({
           }
         }
       ),
-      thumb.visible ? /* @__PURE__ */ jsx26(
+      thumb.visible ? /* @__PURE__ */ jsx27(
         "div",
         {
           className: "rui-textarea__scrollbar",
@@ -4403,7 +4587,7 @@ var Textarea = React22.forwardRef(function Textarea2({
             el.scrollTop = target;
             handleThumbDrag(event, target);
           },
-          children: /* @__PURE__ */ jsx26("div", { className: "rui-textarea__scrollbar-track", children: /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsx27("div", { className: "rui-textarea__scrollbar-track", children: /* @__PURE__ */ jsx27(
             "div",
             {
               className: "rui-textarea__scrollbar-thumb",
@@ -4416,13 +4600,13 @@ var Textarea = React22.forwardRef(function Textarea2({
           ) })
         }
       ) : null,
-      resizeDirection !== "none" ? /* @__PURE__ */ jsxs24("div", { className: "rui-textarea__footer", children: [
-        showCount && limit ? /* @__PURE__ */ jsxs24("div", { className: "rui-textarea__footer-count", children: [
+      resizeDirection !== "none" ? /* @__PURE__ */ jsxs25("div", { className: "rui-textarea__footer", children: [
+        showCount && limit ? /* @__PURE__ */ jsxs25("div", { className: "rui-textarea__footer-count", children: [
           count,
           "/",
           limit
         ] }) : null,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "button",
           {
             type: "button",
@@ -4435,7 +4619,7 @@ var Textarea = React22.forwardRef(function Textarea2({
               appearance: "none",
               background: "transparent"
             },
-            children: /* @__PURE__ */ jsx26(
+            children: /* @__PURE__ */ jsx27(
               "svg",
               {
                 viewBox: "0 0 16 16",
@@ -4445,23 +4629,23 @@ var Textarea = React22.forwardRef(function Textarea2({
                 stroke: "currentColor",
                 strokeWidth: "1.5",
                 strokeLinecap: "round",
-                children: /* @__PURE__ */ jsx26("path", { d: "M7 15 L15 7 M11 15 L15 11 M3 15 L15 3" })
+                children: /* @__PURE__ */ jsx27("path", { d: "M7 15 L15 7 M11 15 L15 11 M3 15 L15 3" })
               }
             )
           }
         )
       ] }) : null
     ] }),
-    description ? /* @__PURE__ */ jsx26("p", { id: descriptionId, className: "rui-textarea__description rui-text-wrap", children: description }) : null,
-    error ? /* @__PURE__ */ jsx26("p", { id: errorId, className: "rui-textarea__error rui-text-wrap", children: error }) : null
+    description ? /* @__PURE__ */ jsx27("p", { id: descriptionId, className: "rui-textarea__description rui-text-wrap", children: description }) : null,
+    error ? /* @__PURE__ */ jsx27("p", { id: errorId, className: "rui-textarea__error rui-text-wrap", children: error }) : null
   ] });
 });
 
 // components/ResizableContainer/ResizableContainer.tsx
-import * as React23 from "react";
-import clsx25 from "clsx";
+import * as React24 from "react";
+import clsx26 from "clsx";
 import "./ResizableContainer-KIX7YKZJ.css";
-import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 var DEFAULT_MIN_WIDTH = 240;
 var DEFAULT_MIN_HEIGHT = 120;
 var DEFAULT_STEP = 8;
@@ -4471,12 +4655,12 @@ var TRACK_THICKNESS3 = 6;
 var TRACK_INSET2 = 8;
 var V_TRACK_INSET2 = 10;
 function useScrollbarMetrics2(ref, axis, extraSpace) {
-  const [state, setState] = React23.useState({
+  const [state, setState] = React24.useState({
     visible: false,
     size: MIN_THUMB3,
     offset: 0
   });
-  React23.useLayoutEffect(() => {
+  React24.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     let raf = 0;
@@ -4512,7 +4696,7 @@ function useScrollbarMetrics2(ref, axis, extraSpace) {
   return state;
 }
 function useThumbDrag2(ref, axis, thumbState, extraSpace) {
-  const startDrag = React23.useCallback(
+  const startDrag = React24.useCallback(
     (event, startScrollOverride) => {
       var _a, _b;
       const el = ref.current;
@@ -4543,7 +4727,7 @@ function useThumbDrag2(ref, axis, thumbState, extraSpace) {
     },
     [axis, ref, thumbState.size, extraSpace]
   );
-  const onThumbPointerDown = React23.useCallback(
+  const onThumbPointerDown = React24.useCallback(
     (event) => {
       event.stopPropagation();
       startDrag(event);
@@ -4552,7 +4736,7 @@ function useThumbDrag2(ref, axis, thumbState, extraSpace) {
   );
   return { onThumbPointerDown, startDrag };
 }
-var ResizableContainer = React23.forwardRef(
+var ResizableContainer = React24.forwardRef(
   function ResizableContainer2({
     axis = "both",
     minWidth = DEFAULT_MIN_WIDTH,
@@ -4570,14 +4754,14 @@ var ResizableContainer = React23.forwardRef(
     onSizeChange,
     ...rest
   }, ref) {
-    const rootRef = React23.useRef(null);
-    const contentRef = React23.useRef(null);
-    const [internalWidth, setInternalWidth] = React23.useState(defaultWidth);
-    const [internalHeight, setInternalHeight] = React23.useState(defaultHeight);
-    const [isResizing, setIsResizing] = React23.useState(false);
-    const [padRight, setPadRight] = React23.useState(0);
-    const [padBottom, setPadBottom] = React23.useState(0);
-    const resizeStateRef = React23.useRef({
+    const rootRef = React24.useRef(null);
+    const contentRef = React24.useRef(null);
+    const [internalWidth, setInternalWidth] = React24.useState(defaultWidth);
+    const [internalHeight, setInternalHeight] = React24.useState(defaultHeight);
+    const [isResizing, setIsResizing] = React24.useState(false);
+    const [padRight, setPadRight] = React24.useState(0);
+    const [padBottom, setPadBottom] = React24.useState(0);
+    const resizeStateRef = React24.useRef({
       startX: 0,
       startY: 0,
       startWidth: 0,
@@ -4592,10 +4776,10 @@ var ResizableContainer = React23.forwardRef(
     const maxHeightLimit = maxHeight;
     const vThumb = useScrollbarMetrics2(contentRef, "vertical", padBottom);
     const hThumb = useScrollbarMetrics2(contentRef, "horizontal", padRight);
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       setPadRight(vThumb.visible ? TRACK_PADDING3 + 10 : 0);
     }, [vThumb.visible]);
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       setPadBottom(hThumb.visible ? TRACK_PADDING3 + 10 : 0);
     }, [hThumb.visible]);
     const { onThumbPointerDown: handleVThumbDown, startDrag: startVDrag } = useThumbDrag2(
@@ -4610,7 +4794,7 @@ var ResizableContainer = React23.forwardRef(
       hThumb,
       padRight
     );
-    const handleTrackPointerDown = React23.useCallback(
+    const handleTrackPointerDown = React24.useCallback(
       (axis2, thumb, startDrag, event) => {
         const el = contentRef.current;
         if (!el) return;
@@ -4630,7 +4814,7 @@ var ResizableContainer = React23.forwardRef(
       },
       []
     );
-    const setRefs = React23.useCallback(
+    const setRefs = React24.useCallback(
       (node) => {
         rootRef.current = node;
         if (typeof ref === "function") {
@@ -4641,7 +4825,7 @@ var ResizableContainer = React23.forwardRef(
       },
       [ref]
     );
-    const clamp2 = React23.useCallback((value, min, max) => {
+    const clamp2 = React24.useCallback((value, min, max) => {
       return Math.max(min != null ? min : -Infinity, Math.min(max != null ? max : Infinity, value));
     }, []);
     const handlePointerDown = (event) => {
@@ -4664,7 +4848,7 @@ var ResizableContainer = React23.forwardRef(
       setIsResizing(true);
       (_b = (_a = event.currentTarget).setPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
     };
-    const applySize = React23.useCallback(
+    const applySize = React24.useCallback(
       (nextWidth, nextHeight) => {
         if (allowX && !widthControlled) {
           setInternalWidth(nextWidth);
@@ -4746,19 +4930,19 @@ var ResizableContainer = React23.forwardRef(
     const vOffset = Math.max(TRACK_PADDING3, (vSlot - TRACK_THICKNESS3) / 2);
     const hOffset = Math.max(TRACK_PADDING3, (hSlot - TRACK_THICKNESS3) / 2);
     const hBottom = Math.max(TRACK_PADDING3 / 2, (hSlot - TRACK_THICKNESS3) / 2);
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs26(
       "div",
       {
         ...rest,
         ref: setRefs,
-        className: clsx25("rui-resizable", "rui-root", className),
+        className: clsx26("rui-resizable", "rui-root", className),
         style: { ...style, ...sizeStyle },
         "data-axis": axis,
         "data-resizing": isResizing ? "true" : void 0,
         "data-scrollbar-x": hThumb.visible ? "true" : void 0,
         "data-scrollbar-y": vThumb.visible ? "true" : void 0,
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "div",
             {
               ref: contentRef,
@@ -4770,7 +4954,7 @@ var ResizableContainer = React23.forwardRef(
               children
             }
           ),
-          vThumb.visible ? /* @__PURE__ */ jsx27(
+          vThumb.visible ? /* @__PURE__ */ jsx28(
             "div",
             {
               className: "rui-resizable__scrollbar rui-resizable__scrollbar--vertical",
@@ -4781,7 +4965,7 @@ var ResizableContainer = React23.forwardRef(
                 width: TRACK_THICKNESS3
               },
               onPointerDown: (e) => handleTrackPointerDown("vertical", vThumb, startVDrag, e),
-              children: /* @__PURE__ */ jsx27("div", { className: "rui-resizable__scrollbar-track", children: /* @__PURE__ */ jsx27(
+              children: /* @__PURE__ */ jsx28("div", { className: "rui-resizable__scrollbar-track", children: /* @__PURE__ */ jsx28(
                 "div",
                 {
                   className: "rui-resizable__scrollbar-thumb",
@@ -4791,7 +4975,7 @@ var ResizableContainer = React23.forwardRef(
               ) })
             }
           ) : null,
-          hThumb.visible ? /* @__PURE__ */ jsx27(
+          hThumb.visible ? /* @__PURE__ */ jsx28(
             "div",
             {
               className: "rui-resizable__scrollbar rui-resizable__scrollbar--horizontal",
@@ -4802,7 +4986,7 @@ var ResizableContainer = React23.forwardRef(
                 height: TRACK_THICKNESS3
               },
               onPointerDown: (e) => handleTrackPointerDown("horizontal", hThumb, startHDrag, e),
-              children: /* @__PURE__ */ jsx27("div", { className: "rui-resizable__scrollbar-track", children: /* @__PURE__ */ jsx27(
+              children: /* @__PURE__ */ jsx28("div", { className: "rui-resizable__scrollbar-track", children: /* @__PURE__ */ jsx28(
                 "div",
                 {
                   className: "rui-resizable__scrollbar-thumb",
@@ -4812,7 +4996,7 @@ var ResizableContainer = React23.forwardRef(
               ) })
             }
           ) : null,
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "button",
             {
               type: "button",
@@ -4823,7 +5007,7 @@ var ResizableContainer = React23.forwardRef(
               onPointerUp: handlePointerUp,
               onPointerCancel: handlePointerUp,
               onKeyDown: handleKeyDown,
-              children: /* @__PURE__ */ jsx27(
+              children: /* @__PURE__ */ jsx28(
                 "svg",
                 {
                   viewBox: "0 0 16 16",
@@ -4833,7 +5017,7 @@ var ResizableContainer = React23.forwardRef(
                   stroke: "currentColor",
                   strokeWidth: "1.5",
                   strokeLinecap: "round",
-                  children: /* @__PURE__ */ jsx27("path", { d: "M7 15 L15 7 M11 15 L15 11 M3 15 L15 3" })
+                  children: /* @__PURE__ */ jsx28("path", { d: "M7 15 L15 7 M11 15 L15 11 M3 15 L15 3" })
                 }
               )
             }
@@ -4845,13 +5029,13 @@ var ResizableContainer = React23.forwardRef(
 );
 
 // components/Toggle/Toggle.tsx
-import * as React24 from "react";
-import clsx26 from "clsx";
+import * as React25 from "react";
+import clsx27 from "clsx";
 import "./Toggle-H2VEMC4W.css";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Toggle = React24.forwardRef(function Toggle2({ checked, defaultChecked = false, onChange, disabled, className, onClick, ...rest }, ref) {
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Toggle = React25.forwardRef(function Toggle2({ checked, defaultChecked = false, onChange, disabled, className, onClick, ...rest }, ref) {
   const isControlled = typeof checked === "boolean";
-  const [internalChecked, setInternalChecked] = React24.useState(defaultChecked);
+  const [internalChecked, setInternalChecked] = React25.useState(defaultChecked);
   const resolvedChecked = isControlled ? !!checked : internalChecked;
   const handleClick = (event) => {
     if (disabled) {
@@ -4865,18 +5049,18 @@ var Toggle = React24.forwardRef(function Toggle2({ checked, defaultChecked = fal
     onChange == null ? void 0 : onChange(next);
     onClick == null ? void 0 : onClick(event);
   };
-  const buttonClasses = clsx26(
+  const buttonClasses = clsx27(
     "rui-toggle__button rui-root",
     resolvedChecked && "rui-toggle__button--checked",
     disabled && "rui-toggle__button--disabled rui-toggle__is-disabled",
     className
   );
-  const thumbClasses = clsx26(
+  const thumbClasses = clsx27(
     "rui-toggle__thumb",
     resolvedChecked ? "rui-toggle__thumb--checked" : "rui-toggle__thumb--unchecked",
     disabled && "rui-toggle__thumb--disabled"
   );
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       ...rest,
@@ -4888,7 +5072,7 @@ var Toggle = React24.forwardRef(function Toggle2({ checked, defaultChecked = fal
       "data-state": resolvedChecked ? "on" : "off",
       className: buttonClasses,
       onClick: handleClick,
-      children: /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", className: thumbClasses })
+      children: /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", className: thumbClasses })
     }
   );
 });
@@ -4906,6 +5090,7 @@ export {
   Dialog,
   Disclosure,
   Dropdown,
+  FilePicker,
   InputField,
   Meter,
   NumberInput,