prime-ui-kit 0.6.0 → 0.7.1

package/dist/components/index.js

@@ -4782,7 +4782,6 @@ var EyeDropperButton = React38.forwardRef(function EyeDropperButton2({ children,
         className: cx(ColorPicker_default.eyeDropperSquare, className),
         disabled: true,
         mode: "stroke",
-        size: "m",
         tabIndex: -1,
         type,
         variant: "neutral",
@@ -4799,7 +4798,6 @@ var EyeDropperButton = React38.forwardRef(function EyeDropperButton2({ children,
       "aria-label": ariaLabel ?? "\u041F\u0438\u043F\u0435\u0442\u043A\u0430",
       className: cx(ColorPicker_default.eyeDropperSquare, className),
       mode: "stroke",
-      size: "m",
       variant: "neutral",
       onClick: (e) => {
         onClick?.(e);
@@ -6871,7 +6869,6 @@ import * as React47 from "react";
 
 // src/components/dropdown/Dropdown.module.css
 var Dropdown_default = {
-  inset: "Dropdown_inset2",
   content: "Dropdown_content2",
   block: "Dropdown_block2",
   header: "Dropdown_header2",
@@ -7266,30 +7263,10 @@ function DropdownHeaderTrailing({
   );
 }
 DropdownHeaderTrailing.displayName = "DropdownHeaderTrailing";
-function DropdownInset({
-  children,
-  className,
-  padding = "x2",
-  gap = "x3",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx35(
-    "div",
-    {
-      className: cx(Dropdown_default.inset, className),
-      "data-inset-gap": gap,
-      "data-inset-padding": padding,
-      ...rest,
-      children
-    }
-  );
-}
-DropdownInset.displayName = "DropdownInset";
 var Dropdown = {
   Root: DropdownRoot,
   Trigger: DropdownTrigger,
   Content: DropdownContent,
-  Inset: DropdownInset,
   Block: DropdownBlock,
   Header: DropdownHeader,
   HeaderRow: DropdownHeaderRow,
@@ -7305,12 +7282,70 @@ var Dropdown = {
   Separator: DropdownSeparator
 };
 
+// src/components/empty-page/EmptyPage.tsx
+import * as React48 from "react";
+
+// src/components/empty-page/EmptyPage.module.css
+var EmptyPage_default = {
+  root: "EmptyPage_root2",
+  iconWrap: "EmptyPage_iconWrap2",
+  title: "EmptyPage_title2",
+  description: "EmptyPage_description2",
+  actions: "EmptyPage_actions2"
+};
+
+// src/components/empty-page/EmptyPage.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+var EmptyPageRoot = React48.forwardRef(function EmptyPageRoot2({ size = "m", layout = "default", className, children, ...rest }, forwardedRef) {
+  return /* @__PURE__ */ jsx36(
+    "div",
+    {
+      ref: forwardedRef,
+      className: cx(EmptyPage_default.root, className),
+      ...rest,
+      ...toDataAttributes({
+        size,
+        layout: layout === "fill" ? "fill" : void 0
+      }),
+      children: /* @__PURE__ */ jsx36(ControlSizeProvider, { value: size, children })
+    }
+  );
+});
+EmptyPageRoot.displayName = "EmptyPage.Root";
+function EmptyPageIcon({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx36("div", { className: cx(EmptyPage_default.iconWrap, className), ...rest, children });
+}
+EmptyPageIcon.displayName = "EmptyPage.Icon";
+var EmptyPageTitle = React48.forwardRef(
+  function EmptyPageTitle2({ className, children, ...rest }, forwardedRef) {
+    return /* @__PURE__ */ jsx36("h2", { ref: forwardedRef, className: cx(EmptyPage_default.title, className), ...rest, children });
+  }
+);
+EmptyPageTitle.displayName = "EmptyPage.Title";
+var EmptyPageDescription = React48.forwardRef(
+  function EmptyPageDescription2({ className, children, ...rest }, forwardedRef) {
+    return /* @__PURE__ */ jsx36("p", { ref: forwardedRef, className: cx(EmptyPage_default.description, className), ...rest, children });
+  }
+);
+EmptyPageDescription.displayName = "EmptyPage.Description";
+function EmptyPageActions({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsx36("div", { className: cx(EmptyPage_default.actions, className), ...rest, children });
+}
+EmptyPageActions.displayName = "EmptyPage.Actions";
+var EmptyPage = {
+  Root: EmptyPageRoot,
+  Icon: EmptyPageIcon,
+  Title: EmptyPageTitle,
+  Description: EmptyPageDescription,
+  Actions: EmptyPageActions
+};
+
 // src/components/example-frame/ExampleFrame.tsx
 import { Code2, Eye as Eye2, Monitor, Smartphone, Tablet } from "lucide-react";
-import * as React49 from "react";
+import * as React50 from "react";
 
 // src/components/segmented-control/SegmentedControl.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 
 // src/components/segmented-control/SegmentedControl.module.css
 var SegmentedControl_default = {
@@ -7321,7 +7356,7 @@ var SegmentedControl_default = {
 };
 
 // src/components/segmented-control/SegmentedControl.tsx
-import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
 function readCssWidthPx(root, widthExpression) {
   const doc = root.ownerDocument;
   const win = doc.defaultView;
@@ -7349,23 +7384,23 @@ function SegmentedControlRoot({
     defaultValue,
     onChange: onValueChange
   });
-  const [indicator, setIndicator] = React48.useState({
+  const [indicator, setIndicator] = React49.useState({
     left: 0,
     top: 0,
     width: 0,
     height: 0
   });
-  const [animate2, setAnimate] = React48.useState(false);
-  const containerRef = React48.useRef(null);
-  const indicatorRef = React48.useRef(null);
-  const onSelect = React48.useCallback(
+  const [animate2, setAnimate] = React49.useState(false);
+  const containerRef = React49.useRef(null);
+  const indicatorRef = React49.useRef(null);
+  const onSelect = React49.useCallback(
     (nextValue) => {
       setAnimate(true);
       setSelectedValue(nextValue);
     },
     [setSelectedValue]
   );
-  React48.useLayoutEffect(() => {
+  React49.useLayoutEffect(() => {
     const root = containerRef.current;
     if (!root) return;
     const update = () => {
@@ -7402,12 +7437,12 @@ function SegmentedControlRoot({
       ro?.disconnect();
     };
   }, []);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!animate2) return;
     const id = window.setTimeout(() => setAnimate(false), 320);
     return () => window.clearTimeout(id);
   }, [animate2]);
-  React48.useLayoutEffect(() => {
+  React49.useLayoutEffect(() => {
     const indicatorEl = indicatorRef.current;
     if (!indicatorEl) return;
     indicatorEl.style.transform = `translate3d(${indicator.left}px, ${indicator.top}px, 0)`;
@@ -7438,7 +7473,7 @@ function SegmentedControlRoot({
     if (nextValue) onSelect(nextValue);
   };
   const hasSelection = selectedValue !== "";
-  return /* @__PURE__ */ jsx36(SegmentedControlProvider, { value: { value: selectedValue, onSelect, rootDisabled: disabled }, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx37(SegmentedControlProvider, { value: { value: selectedValue, onSelect, rootDisabled: disabled }, children: /* @__PURE__ */ jsxs17(
     "div",
     {
       ref: containerRef,
@@ -7451,8 +7486,8 @@ function SegmentedControlRoot({
       "data-size": size,
       "data-animate": animate2 ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsx36(ControlSizeProvider, { value: size, children }),
-        /* @__PURE__ */ jsx36("div", { ref: indicatorRef, className: SegmentedControl_default.indicator, "aria-hidden": "true" })
+        /* @__PURE__ */ jsx37(ControlSizeProvider, { value: size, children }),
+        /* @__PURE__ */ jsx37("div", { ref: indicatorRef, className: SegmentedControl_default.indicator, "aria-hidden": "true" })
       ]
     }
   ) });
@@ -7469,7 +7504,7 @@ function SegmentedControlItem({
   const isDisabled = ctx.rootDisabled || disabled;
   return (
     // biome-ignore lint/a11y/useSemanticElements: compound component intentionally uses role="radio" with roving tabindex
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       "button",
       {
         role: "radio",
@@ -7491,7 +7526,7 @@ function SegmentedControlItem({
 }
 SegmentedControlItem.displayName = "SegmentedControl.Item";
 function SegmentedControlIcon({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx36("span", { className: cx(SegmentedControl_default.icon, className), "aria-hidden": "true", ...rest, children });
+  return /* @__PURE__ */ jsx37("span", { className: cx(SegmentedControl_default.icon, className), "aria-hidden": "true", ...rest, children });
 }
 SegmentedControlIcon.displayName = "SegmentedControl.Icon";
 var SegmentedControl = {
@@ -7515,7 +7550,7 @@ var ExampleFrame_default = {
 };
 
 // src/components/example-frame/ExampleFrame.tsx
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 var [ExampleFrameProvider, useExampleFrameContext] = createComponentContext("ExampleFrame");
 function ExampleFrameRoot({
   code,
@@ -7533,14 +7568,14 @@ function ExampleFrameRoot({
   previewLayout = "default",
   themePreset
 }) {
-  const [pane, setPane] = React49.useState("preview");
-  const [uncontrolledViewport, setUncontrolledViewport] = React49.useState(defaultViewport);
-  const [uncontrolledScheme, setUncontrolledScheme] = React49.useState(defaultColorScheme);
+  const [pane, setPane] = React50.useState("preview");
+  const [uncontrolledViewport, setUncontrolledViewport] = React50.useState(defaultViewport);
+  const [uncontrolledScheme, setUncontrolledScheme] = React50.useState(defaultColorScheme);
   const isSchemeControlled = colorSchemeProp !== void 0;
   const colorScheme = isSchemeControlled ? colorSchemeProp : uncontrolledScheme;
   const isViewportControlled = viewportProp !== void 0;
   const viewport = isViewportControlled ? viewportProp : uncontrolledViewport;
-  const setColorScheme = React49.useCallback(
+  const setColorScheme = React50.useCallback(
     (next) => {
       if (!isSchemeControlled) {
         setUncontrolledScheme(next);
@@ -7549,7 +7584,7 @@ function ExampleFrameRoot({
     },
     [isSchemeControlled, onColorSchemeChange]
   );
-  const setViewport = React49.useCallback(
+  const setViewport = React50.useCallback(
     (next) => {
       if (!isViewportControlled) {
         setUncontrolledViewport(next);
@@ -7558,7 +7593,7 @@ function ExampleFrameRoot({
     },
     [isViewportControlled, onViewportChange]
   );
-  const ctxValue = React49.useMemo(
+  const ctxValue = React50.useMemo(
     () => ({
       code,
       language,
@@ -7584,17 +7619,17 @@ function ExampleFrameRoot({
     ]
   );
   let previewChildren = null;
-  React49.Children.forEach(children, (child) => {
-    if (React49.isValidElement(child) && child.type === ExampleFrameStage) {
+  React50.Children.forEach(children, (child) => {
+    if (React50.isValidElement(child) && child.type === ExampleFrameStage) {
       previewChildren = child.props.children ?? null;
     }
   });
   if (previewChildren === null) {
     previewChildren = children;
   }
-  return /* @__PURE__ */ jsx37(ExampleFrameProvider, { value: ctxValue, children: /* @__PURE__ */ jsxs18("div", { className: cx(ExampleFrame_default.root, className), children: [
-    /* @__PURE__ */ jsx37(ExampleFrameToolbar, {}),
-    pane === "preview" ? /* @__PURE__ */ jsx37("div", { className: ExampleFrame_default.previewShell, children: /* @__PURE__ */ jsx37("div", { className: ExampleFrame_default.previewViewport, "data-viewport": viewport, children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(ExampleFrameProvider, { value: ctxValue, children: /* @__PURE__ */ jsxs18("div", { className: cx(ExampleFrame_default.root, className), children: [
+    /* @__PURE__ */ jsx38(ExampleFrameToolbar, {}),
+    pane === "preview" ? /* @__PURE__ */ jsx38("div", { className: ExampleFrame_default.previewShell, children: /* @__PURE__ */ jsx38("div", { className: ExampleFrame_default.previewViewport, "data-viewport": viewport, children: /* @__PURE__ */ jsx38(
       "div",
       {
         className: ExampleFrame_default.previewInner,
@@ -7603,14 +7638,14 @@ function ExampleFrameRoot({
         ...themePreset != null && themePreset !== "" ? { "data-theme-preset": themePreset } : {},
         children: previewChildren
       }
-    ) }) }) : /* @__PURE__ */ jsx37(ExampleFrameCodePane, { themePreset })
+    ) }) }) : /* @__PURE__ */ jsx38(ExampleFrameCodePane, { themePreset })
   ] }) });
 }
 ExampleFrameRoot.displayName = "ExampleFrame.Root";
 function ExampleFrameToolbar() {
   const ctx = useExampleFrameContext();
-  const [copyState, setCopyState] = React49.useState("idle");
-  const handleCopy = React49.useCallback(async () => {
+  const [copyState, setCopyState] = React50.useState("idle");
+  const handleCopy = React50.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(ctx.code);
       setCopyState("copied");
@@ -7636,18 +7671,18 @@ function ExampleFrameToolbar() {
           size: "s",
           children: [
             /* @__PURE__ */ jsxs18(SegmentedControl.Item, { value: "preview", children: [
-              /* @__PURE__ */ jsx37(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx37(Eye2, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
+              /* @__PURE__ */ jsx38(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx38(Eye2, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
               "Preview"
             ] }),
             /* @__PURE__ */ jsxs18(SegmentedControl.Item, { value: "code", children: [
-              /* @__PURE__ */ jsx37(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx37(Code2, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
+              /* @__PURE__ */ jsx38(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx38(Code2, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
               "Code"
             ] })
           ]
         }
       ),
       /* @__PURE__ */ jsxs18("div", { className: ExampleFrame_default.toolbarLine1End, children: [
-        ctx.showThemeToggle ? /* @__PURE__ */ jsx37(
+        ctx.showThemeToggle ? /* @__PURE__ */ jsx38(
           Button.Root,
           {
             type: "button",
@@ -7656,10 +7691,10 @@ function ExampleFrameToolbar() {
             size: "s",
             onClick: toggleScheme,
             "aria-label": ctx.colorScheme === "light" ? "\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0442\u0451\u043C\u043D\u0443\u044E \u0442\u0435\u043C\u0443" : "\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0441\u0432\u0435\u0442\u043B\u0443\u044E \u0442\u0435\u043C\u0443",
-            children: /* @__PURE__ */ jsx37(Button.Icon, { children: ctx.colorScheme === "light" ? /* @__PURE__ */ jsx37(Icon, { name: "theme.dark", size: "s", tone: "subtle" }) : /* @__PURE__ */ jsx37(Icon, { name: "theme.light", size: "s", tone: "subtle" }) })
+            children: /* @__PURE__ */ jsx38(Button.Icon, { children: ctx.colorScheme === "light" ? /* @__PURE__ */ jsx38(Icon, { name: "theme.dark", size: "s", tone: "subtle" }) : /* @__PURE__ */ jsx38(Icon, { name: "theme.light", size: "s", tone: "subtle" }) })
           }
         ) : null,
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           Button.Root,
           {
             type: "button",
@@ -7668,7 +7703,7 @@ function ExampleFrameToolbar() {
             size: "s",
             onClick: handleCopy,
             "aria-label": copyLabel,
-            children: /* @__PURE__ */ jsx37(Button.Icon, { children: /* @__PURE__ */ jsx37(Icon, { name: "action.copy", size: "s", tone: "subtle" }) })
+            children: /* @__PURE__ */ jsx38(Button.Icon, { children: /* @__PURE__ */ jsx38(Icon, { name: "action.copy", size: "s", tone: "subtle" }) })
           }
         )
       ] })
@@ -7682,15 +7717,15 @@ function ExampleFrameToolbar() {
         size: "s",
         children: [
           /* @__PURE__ */ jsxs18(SegmentedControl.Item, { value: "desktop", children: [
-            /* @__PURE__ */ jsx37(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx37(Monitor, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
+            /* @__PURE__ */ jsx38(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx38(Monitor, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
             "Desktop"
           ] }),
           /* @__PURE__ */ jsxs18(SegmentedControl.Item, { value: "tablet", children: [
-            /* @__PURE__ */ jsx37(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx37(Tablet, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
+            /* @__PURE__ */ jsx38(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx38(Tablet, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
             "Tablet"
           ] }),
           /* @__PURE__ */ jsxs18(SegmentedControl.Item, { value: "mobile", children: [
-            /* @__PURE__ */ jsx37(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx37(Smartphone, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
+            /* @__PURE__ */ jsx38(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx38(Smartphone, { size: 14, strokeWidth: 2, "aria-hidden": true }) }),
             "Mobile"
           ] })
         ]
@@ -7703,11 +7738,11 @@ function ExampleFrameCodePane({ themePreset }) {
   const ctx = useExampleFrameContext();
   const trimmed = ctx.code.trimEnd();
   const presetProps = themePreset != null && themePreset !== "" ? { "data-theme-preset": themePreset } : {};
-  return /* @__PURE__ */ jsx37("div", { className: ExampleFrame_default.codePane, "data-theme": ctx.colorScheme, ...presetProps, children: /* @__PURE__ */ jsx37(CodeBlock.Root, { code: trimmed, colorScheme: ctx.colorScheme }) });
+  return /* @__PURE__ */ jsx38("div", { className: ExampleFrame_default.codePane, "data-theme": ctx.colorScheme, ...presetProps, children: /* @__PURE__ */ jsx38(CodeBlock.Root, { code: trimmed, colorScheme: ctx.colorScheme }) });
 }
 ExampleFrameCodePane.displayName = "ExampleFrame.CodePane";
 function ExampleFrameStage({ children }) {
-  return /* @__PURE__ */ jsx37(Fragment5, { children });
+  return /* @__PURE__ */ jsx38(Fragment5, { children });
 }
 ExampleFrameStage.displayName = "ExampleFrame.Stage";
 var ExampleFrame = {
@@ -7716,10 +7751,10 @@ var ExampleFrame = {
 };
 
 // src/components/file-upload/FileUpload.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 
 // src/components/progress-bar/ProgressBar.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 
 // src/components/progress-bar/ProgressBar.module.css
 var ProgressBar_default = {
@@ -7729,18 +7764,18 @@ var ProgressBar_default = {
 };
 
 // src/components/progress-bar/ProgressBar.tsx
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
 function clampProgress(value, max) {
   return Math.min(max, Math.max(value, 0));
 }
-var ProgressBarRoot = React50.forwardRef(
+var ProgressBarRoot = React51.forwardRef(
   ({ value, max = 100, label, size = "m", className }, ref) => {
     const safeMax = max > 0 ? max : 100;
     const safeValue = clampProgress(value, safeMax);
-    const labelId = React50.useId();
+    const labelId = React51.useId();
     return /* @__PURE__ */ jsxs19("div", { className: cx(ProgressBar_default.root, className), ...toDataAttributes({ size }), children: [
-      label ? /* @__PURE__ */ jsx38("span", { className: ProgressBar_default.label, id: labelId, children: label }) : null,
-      /* @__PURE__ */ jsx38(
+      label ? /* @__PURE__ */ jsx39("span", { className: ProgressBar_default.label, id: labelId, children: label }) : null,
+      /* @__PURE__ */ jsx39(
         "progress",
         {
           ref,
@@ -7792,26 +7827,26 @@ var FileUpload_default = {
 };
 
 // src/components/file-upload/FileUpload.tsx
-import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 function FileUploadIcon({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("span", { className: cx(FileUpload_default.iconWrap, className), "aria-hidden": true, ...rest, children });
+  return /* @__PURE__ */ jsx40("span", { className: cx(FileUpload_default.iconWrap, className), "aria-hidden": true, ...rest, children });
 }
 FileUploadIcon.displayName = "FileUpload.Icon";
 function FileUploadTitle({ className, children, tone = "default", ...rest }) {
-  return /* @__PURE__ */ jsx39("p", { className: cx(FileUpload_default.title, tone === "muted" && FileUpload_default.titleMuted, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("p", { className: cx(FileUpload_default.title, tone === "muted" && FileUpload_default.titleMuted, className), ...rest, children });
 }
 FileUploadTitle.displayName = "FileUpload.Title";
 function FileUploadHint({ className, children, ...rest }) {
   const controlSize = useOptionalControlSize() ?? "m";
-  return /* @__PURE__ */ jsx39(Hint.Root, { size: controlSize, className, ...rest, children });
+  return /* @__PURE__ */ jsx40(Hint.Root, { size: controlSize, className, ...rest, children });
 }
 FileUploadHint.displayName = "FileUpload.Hint";
 function FileUploadBrowseLabel({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("span", { className: cx(FileUpload_default.browse, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("span", { className: cx(FileUpload_default.browse, className), ...rest, children });
 }
 FileUploadBrowseLabel.displayName = "FileUpload.BrowseLabel";
-var FileUploadBrowseLink = React51.forwardRef(
-  ({ className, type = "button", onClick, ...rest }, ref) => /* @__PURE__ */ jsx39(
+var FileUploadBrowseLink = React52.forwardRef(
+  ({ className, type = "button", onClick, ...rest }, ref) => /* @__PURE__ */ jsx40(
     "button",
     {
       ref,
@@ -7828,15 +7863,15 @@ var FileUploadBrowseLink = React51.forwardRef(
 );
 FileUploadBrowseLink.displayName = "FileUpload.BrowseLink";
 function FileUploadDropBody({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.dropBody, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.dropBody, className), ...rest, children });
 }
 FileUploadDropBody.displayName = "FileUpload.DropBody";
 function FileUploadActionsRow({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.actionsRow, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.actionsRow, className), ...rest, children });
 }
 FileUploadActionsRow.displayName = "FileUpload.ActionsRow";
-var FileUploadChip = React51.forwardRef(
-  ({ className, type = "button", onClick, ...rest }, ref) => /* @__PURE__ */ jsx39(
+var FileUploadChip = React52.forwardRef(
+  ({ className, type = "button", onClick, ...rest }, ref) => /* @__PURE__ */ jsx40(
     "button",
     {
       ref,
@@ -7853,12 +7888,12 @@ var FileUploadChip = React51.forwardRef(
 );
 FileUploadChip.displayName = "FileUpload.Chip";
 function FileUploadChipLabel({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("span", { className: cx(FileUpload_default.chipLabel, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("span", { className: cx(FileUpload_default.chipLabel, className), ...rest, children });
 }
 FileUploadChipLabel.displayName = "FileUpload.ChipLabel";
 function FileUploadFormatBadge({ format, color = "gray", className }) {
   const label = format.trim().slice(0, 8).toUpperCase();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       className: cx(FileUpload_default.formatBadge, className),
@@ -7875,7 +7910,7 @@ function FileUploadItem({
   size = "m",
   ...rest
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cx(FileUpload_default.item, className),
@@ -7886,50 +7921,50 @@ function FileUploadItem({
 }
 FileUploadItem.displayName = "FileUpload.Item";
 function FileUploadItemRow({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemRow, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemRow, className), ...rest, children });
 }
 FileUploadItemRow.displayName = "FileUpload.ItemRow";
 function FileUploadItemMain({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemMain, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemMain, className), ...rest, children });
 }
 FileUploadItemMain.displayName = "FileUpload.ItemMain";
 function FileUploadItemStack({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemStack, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemStack, className), ...rest, children });
 }
 FileUploadItemStack.displayName = "FileUpload.ItemStack";
 function FileUploadItemTextGroup({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemTextGroup, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemTextGroup, className), ...rest, children });
 }
 FileUploadItemTextGroup.displayName = "FileUpload.ItemTextGroup";
-var FileUploadItemTryAgain = React51.forwardRef(
-  ({ className, type = "button", ...rest }, ref) => /* @__PURE__ */ jsx39("button", { ref, type, className: cx(FileUpload_default.itemTryAgain, className), ...rest })
+var FileUploadItemTryAgain = React52.forwardRef(
+  ({ className, type = "button", ...rest }, ref) => /* @__PURE__ */ jsx40("button", { ref, type, className: cx(FileUpload_default.itemTryAgain, className), ...rest })
 );
 FileUploadItemTryAgain.displayName = "FileUpload.ItemTryAgain";
 function FileUploadItemName({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemName, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemName, className), ...rest, children });
 }
 FileUploadItemName.displayName = "FileUpload.ItemName";
 function FileUploadItemMeta({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemMeta, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemMeta, className), ...rest, children });
 }
 FileUploadItemMeta.displayName = "FileUpload.ItemMeta";
 function FileUploadItemMetaSep({ className, ...rest }) {
-  return /* @__PURE__ */ jsx39("span", { className: cx(FileUpload_default.itemMetaSep, className), "aria-hidden": true, ...rest, children: "\u2219" });
+  return /* @__PURE__ */ jsx40("span", { className: cx(FileUpload_default.itemMetaSep, className), "aria-hidden": true, ...rest, children: "\u2219" });
 }
 FileUploadItemMetaSep.displayName = "FileUpload.ItemMetaSep";
 function FileUploadItemActions({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemActions, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemActions, className), ...rest, children });
 }
 FileUploadItemActions.displayName = "FileUpload.ItemActions";
 function FileUploadItemFooter({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemFooter, className), ...rest, children });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemFooter, className), ...rest, children });
 }
 FileUploadItemFooter.displayName = "FileUpload.ItemFooter";
 function FileUploadItemProgress({ value, max, className, children }) {
-  return /* @__PURE__ */ jsx39("div", { className: cx(FileUpload_default.itemProgress, className), children: children ?? (value !== void 0 ? /* @__PURE__ */ jsx39(ProgressBar.Root, { value, max }) : null) });
+  return /* @__PURE__ */ jsx40("div", { className: cx(FileUpload_default.itemProgress, className), children: children ?? (value !== void 0 ? /* @__PURE__ */ jsx40(ProgressBar.Root, { value, max }) : null) });
 }
 FileUploadItemProgress.displayName = "FileUpload.ItemProgress";
-var FileUploadRoot = React51.forwardRef(
+var FileUploadRoot = React52.forwardRef(
   ({
     size = "m",
     appearance = "dashed",
@@ -7942,7 +7977,7 @@ var FileUploadRoot = React51.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const [isDragOver, setIsDragOver] = React51.useState(false);
+    const [isDragOver, setIsDragOver] = React52.useState(false);
     const mergeInputRef = useMergedRefs(inputRefProp);
     const handleChange = (e) => {
       const list = e.target.files;
@@ -7971,12 +8006,12 @@ var FileUploadRoot = React51.forwardRef(
       }
     };
     const defaultBody = /* @__PURE__ */ jsxs20("div", { className: FileUpload_default.inner, children: [
-      /* @__PURE__ */ jsx39(FileUploadIcon, { children: /* @__PURE__ */ jsx39(Icon, { name: "action.upload", size, tone: "subtle" }) }),
+      /* @__PURE__ */ jsx40(FileUploadIcon, { children: /* @__PURE__ */ jsx40(Icon, { name: "action.upload", size, tone: "subtle" }) }),
       /* @__PURE__ */ jsxs20("div", { className: FileUpload_default.copy, children: [
-        /* @__PURE__ */ jsx39(FileUploadTitle, { children: "Choose a file or drag & drop it here." }),
-        /* @__PURE__ */ jsx39(FileUploadHint, { children: "JPEG, PNG, PDF, MP4 up to 50 MB." })
+        /* @__PURE__ */ jsx40(FileUploadTitle, { children: "Choose a file or drag & drop it here." }),
+        /* @__PURE__ */ jsx40(FileUploadHint, { children: "JPEG, PNG, PDF, MP4 up to 50 MB." })
       ] }),
-      /* @__PURE__ */ jsx39(FileUploadBrowseLabel, { children: "Browse file" })
+      /* @__PURE__ */ jsx40(FileUploadBrowseLabel, { children: "Browse file" })
     ] });
     return /* @__PURE__ */ jsxs20(
       "label",
@@ -7991,7 +8026,7 @@ var FileUploadRoot = React51.forwardRef(
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
         children: [
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             "input",
             {
               ref: mergeInputRef,
@@ -8004,7 +8039,7 @@ var FileUploadRoot = React51.forwardRef(
               "aria-disabled": disabled || void 0
             }
           ),
-          /* @__PURE__ */ jsx39(ControlSizeProvider, { value: size, children: children ?? defaultBody })
+          /* @__PURE__ */ jsx40(ControlSizeProvider, { value: size, children: children ?? defaultBody })
         ]
       }
     );
@@ -8038,7 +8073,7 @@ var FileUpload = {
 };
 
 // src/components/kbd/Kbd.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 
 // src/components/kbd/Kbd.module.css
 var Kbd_default = {
@@ -8046,19 +8081,19 @@ var Kbd_default = {
 };
 
 // src/components/kbd/Kbd.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-var KbdRoot = React52.forwardRef(
+import { jsx as jsx41 } from "react/jsx-runtime";
+var KbdRoot = React53.forwardRef(
   ({ children, className, size: sizeProp, ...rest }, ref) => {
     const controlSurface = useOptionalControlSize();
     const size = sizeProp ?? (controlSurface !== void 0 ? controlSurfaceToInputSize(controlSurface) : "m");
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       "kbd",
       {
         ref,
         className: cx(Kbd_default.root, className),
         ...rest,
         ...toDataAttributes({ size }),
-        children: /* @__PURE__ */ jsx40(ControlSizeProvider, { value: size, children })
+        children: /* @__PURE__ */ jsx41(ControlSizeProvider, { value: size, children })
       }
     );
   }
@@ -8068,7 +8103,7 @@ var Kbd = { Root: KbdRoot };
 
 // src/components/notification/Notification.tsx
 import { AlertTriangle, CheckCircle2, Info, X as X3, XCircle } from "lucide-react";
-import * as React53 from "react";
+import * as React54 from "react";
 
 // src/components/notification/Notification.module.css
 var Notification_default = {
@@ -8097,16 +8132,16 @@ var Notification_default = {
 };
 
 // src/components/notification/Notification.tsx
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
 function useCountdown(item, paused, onExpire) {
-  const [progress, setProgress] = React53.useState(1);
-  const remainingRef = React53.useRef(item.duration);
-  const lastTsRef = React53.useRef(null);
-  const pausedRef = React53.useRef(paused);
-  const onExpireRef = React53.useRef(onExpire);
+  const [progress, setProgress] = React54.useState(1);
+  const remainingRef = React54.useRef(item.duration);
+  const lastTsRef = React54.useRef(null);
+  const pausedRef = React54.useRef(paused);
+  const onExpireRef = React54.useRef(onExpire);
   pausedRef.current = paused;
   onExpireRef.current = onExpire;
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     if (item.persistent || item.duration <= 0) return;
     remainingRef.current = item.duration;
     lastTsRef.current = null;
@@ -8171,14 +8206,14 @@ function NotificationCard({
         stackExpanded
       }),
       children: [
-        /* @__PURE__ */ jsx41("div", { className: Notification_default.iconWrap, "aria-hidden": "true", children: item.icon ?? /* @__PURE__ */ jsx41(DefaultIcon, { className: Notification_default.icon }) }),
+        /* @__PURE__ */ jsx42("div", { className: Notification_default.iconWrap, "aria-hidden": "true", children: item.icon ?? /* @__PURE__ */ jsx42(DefaultIcon, { className: Notification_default.icon }) }),
         /* @__PURE__ */ jsxs21("div", { className: Notification_default.content, children: [
           /* @__PURE__ */ jsxs21("header", { className: Notification_default.header, children: [
-            /* @__PURE__ */ jsx41("p", { className: Notification_default.title, children: item.title }),
-            item.badge !== void 0 ? /* @__PURE__ */ jsx41("span", { className: Notification_default.badge, children: item.badge }) : null
+            /* @__PURE__ */ jsx42("p", { className: Notification_default.title, children: item.title }),
+            item.badge !== void 0 ? /* @__PURE__ */ jsx42("span", { className: Notification_default.badge, children: item.badge }) : null
           ] }),
-          item.description ? /* @__PURE__ */ jsx41("p", { className: Notification_default.description, children: item.description }) : null,
-          item.action ? /* @__PURE__ */ jsx41("div", { className: Notification_default.actionRow, children: /* @__PURE__ */ jsx41(
+          item.description ? /* @__PURE__ */ jsx42("p", { className: Notification_default.description, children: item.description }) : null,
+          item.action ? /* @__PURE__ */ jsx42("div", { className: Notification_default.actionRow, children: /* @__PURE__ */ jsx42(
             Button.Root,
             {
               type: "button",
@@ -8190,17 +8225,17 @@ function NotificationCard({
             }
           ) }) : null
         ] }),
-        item.closable ? /* @__PURE__ */ jsx41(
+        item.closable ? /* @__PURE__ */ jsx42(
           "button",
           {
             type: "button",
             className: Notification_default.closeButton,
             "aria-label": "Dismiss notification",
             onClick: () => onDismiss(item.id),
-            children: /* @__PURE__ */ jsx41(X3, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx42(X3, { "aria-hidden": "true" })
           }
         ) : null,
-        !item.persistent ? /* @__PURE__ */ jsx41("div", { className: Notification_default.progressTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx41("span", { className: Notification_default.progressValue, style: { transform: `scaleX(${progress})` } }) }) : null
+        !item.persistent ? /* @__PURE__ */ jsx42("div", { className: Notification_default.progressTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx42("span", { className: Notification_default.progressValue, style: { transform: `scaleX(${progress})` } }) }) : null
       ]
     }
   );
@@ -8208,8 +8243,8 @@ function NotificationCard({
 
 // src/components/notification/NotificationStore.tsx
 import { AnimatePresence, LayoutGroup, motion } from "framer-motion";
-import * as React54 from "react";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+import * as React55 from "react";
+import { jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 5e3;
 var PEEK_VISIBLE = 3;
 var PEEK_PX = 8;
@@ -8236,7 +8271,7 @@ var POSITIONS = [
   "bottom-right"
 ];
 var TYPES = ["success", "error", "warning", "info"];
-var StoreContext = React54.createContext(null);
+var StoreContext = React55.createContext(null);
 function newId() {
   return globalThis.crypto?.randomUUID?.() ?? `ntf-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
@@ -8248,10 +8283,10 @@ function NotificationStack({
   items,
   onDismiss
 }) {
-  const [expanded, setExpanded] = React54.useState(false);
-  const collapseTimerRef = React54.useRef(null);
+  const [expanded, setExpanded] = React55.useState(false);
+  const collapseTimerRef = React55.useRef(null);
   const top = isTop(position);
-  const handleHover = React54.useCallback((hovered) => {
+  const handleHover = React55.useCallback((hovered) => {
     if (collapseTimerRef.current !== null) {
       clearTimeout(collapseTimerRef.current);
       collapseTimerRef.current = null;
@@ -8262,14 +8297,14 @@ function NotificationStack({
       collapseTimerRef.current = window.setTimeout(() => setExpanded(false), 100);
     }
   }, []);
-  React54.useEffect(
+  React55.useEffect(
     () => () => {
       if (collapseTimerRef.current !== null) clearTimeout(collapseTimerRef.current);
     },
     []
   );
   const visible = items.filter((n) => !n.dismissing);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     motion.ol,
     {
       layout: true,
@@ -8280,7 +8315,7 @@ function NotificationStack({
       transition: { layout: TWEEN_SLOW },
       onMouseEnter: () => handleHover(true),
       onMouseLeave: () => handleHover(false),
-      children: /* @__PURE__ */ jsx42(AnimatePresence, { children: visible.map((item, index) => /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(AnimatePresence, { children: visible.map((item, index) => /* @__PURE__ */ jsx43(
         NotificationStackItem,
         {
           item,
@@ -8296,7 +8331,7 @@ function NotificationStack({
     }
   );
 }
-var NotificationStackItem = React54.memo(function NotificationStackItem2({
+var NotificationStackItem = React55.memo(function NotificationStackItem2({
   item,
   index,
   expanded,
@@ -8311,7 +8346,7 @@ var NotificationStackItem = React54.memo(function NotificationStackItem2({
   const rotateEnter = top ? -45 : 45;
   const rotateExit = top ? 25 : -25;
   const layoutDep = `${item.id}-${index}-${String(expanded)}-${String(hidden)}`;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     motion.li,
     {
       className: Notification_default.item,
@@ -8347,7 +8382,7 @@ var NotificationStackItem = React54.memo(function NotificationStackItem2({
         transformOrigin: top ? "top center" : "bottom center",
         pointerEvents: hidden ? "none" : "auto"
       },
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(
         NotificationCard,
         {
           item,
@@ -8364,7 +8399,7 @@ function NotificationToaster({
   entries,
   onDismiss
 }) {
-  const grouped = React54.useMemo(() => {
+  const grouped = React55.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const entry of entries) {
       if (!map.has(entry.position)) map.set(entry.position, /* @__PURE__ */ new Map());
@@ -8380,18 +8415,18 @@ function NotificationToaster({
     }
     return map;
   }, [entries]);
-  return /* @__PURE__ */ jsx42(Portal, { children: /* @__PURE__ */ jsx42("div", { className: Notification_default.viewport, children: POSITIONS.map((pos) => {
+  return /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsx43("div", { className: Notification_default.viewport, children: POSITIONS.map((pos) => {
     const byType = grouped.get(pos);
     if (!byType?.size) return null;
     const [vertical, horizontal] = pos.split("-");
     const stacks = TYPES.map((type) => ({ type, items: byType.get(type) ?? [] })).filter(
       (s) => s.items.length > 0
     );
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       "section",
       {
         className: `${Notification_default.zone} ${Notification_default[vertical]} ${Notification_default[horizontal]}`,
-        children: /* @__PURE__ */ jsx42(LayoutGroup, { id: `zone-${pos}`, children: stacks.map((s) => /* @__PURE__ */ jsx42(
+        children: /* @__PURE__ */ jsx43(LayoutGroup, { id: `zone-${pos}`, children: stacks.map((s) => /* @__PURE__ */ jsx43(
           NotificationStack,
           {
             position: pos,
@@ -8410,18 +8445,18 @@ function NotificationProvider({
   position = "top-right",
   max = 5
 }) {
-  const [entries, setEntries] = React54.useState([]);
-  const dismiss = React54.useCallback((id) => {
+  const [entries, setEntries] = React55.useState([]);
+  const dismiss = React55.useCallback((id) => {
     setEntries((prev) => prev.map((n) => n.id === id ? { ...n, dismissing: true } : n));
     window.setTimeout(() => {
       setEntries((prev) => prev.filter((n) => n.id !== id));
     }, DISMISS_CLEANUP_MS);
   }, []);
-  const dismissAll = React54.useCallback(() => {
+  const dismissAll = React55.useCallback(() => {
     setEntries((prev) => prev.map((n) => ({ ...n, dismissing: true })));
     window.setTimeout(() => setEntries([]), DISMISS_CLEANUP_MS);
   }, []);
-  const notify = React54.useCallback(
+  const notify = React55.useCallback(
     (options) => {
       const id = newId();
       const record = {
@@ -8447,29 +8482,29 @@ function NotificationProvider({
     },
     [position, max]
   );
-  const publicItems = React54.useMemo(() => entries.filter((n) => !n.dismissing), [entries]);
-  const value = React54.useMemo(
+  const publicItems = React55.useMemo(() => entries.filter((n) => !n.dismissing), [entries]);
+  const value = React55.useMemo(
     () => ({ items: publicItems, notify, dismiss, dismissAll }),
     [publicItems, notify, dismiss, dismissAll]
   );
   return /* @__PURE__ */ jsxs22(StoreContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx42(NotificationToaster, { entries, onDismiss: dismiss })
+    /* @__PURE__ */ jsx43(NotificationToaster, { entries, onDismiss: dismiss })
   ] });
 }
 function useNotifications() {
-  const ctx = React54.useContext(StoreContext);
+  const ctx = React55.useContext(StoreContext);
   if (!ctx) throw new Error("useNotifications must be used within NotificationProvider");
   return { notify: ctx.notify, dismiss: ctx.dismiss, dismissAll: ctx.dismissAll };
 }
 function useNotificationStore() {
-  const ctx = React54.useContext(StoreContext);
+  const ctx = React55.useContext(StoreContext);
   if (!ctx) throw new Error("useNotificationStore must be used within NotificationProvider");
   return ctx;
 }
 
 // src/components/page-content/PageContent.tsx
-import * as React55 from "react";
+import * as React56 from "react";
 
 // src/components/page-content/PageContent.module.css
 var PageContent_default = {
@@ -8482,10 +8517,10 @@ var PageContent_default = {
 };
 
 // src/components/page-content/PageContent.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-var PageContentRoot = React55.forwardRef(
+import { jsx as jsx44 } from "react/jsx-runtime";
+var PageContentRoot = React56.forwardRef(
   function PageContentRoot2({ maxWidth = "full", className, children, ...rest }, forwardedRef) {
-    return /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx44(
       "div",
       {
         ref: forwardedRef,
@@ -8500,25 +8535,25 @@ var PageContentRoot = React55.forwardRef(
   }
 );
 PageContentRoot.displayName = "PageContent.Root";
-var PageContentSection = React55.forwardRef(
+var PageContentSection = React56.forwardRef(
   function PageContentSection2({ className, children, ...rest }, forwardedRef) {
-    return /* @__PURE__ */ jsx43("section", { ref: forwardedRef, className: cx(PageContent_default.section, className), ...rest, children });
+    return /* @__PURE__ */ jsx44("section", { ref: forwardedRef, className: cx(PageContent_default.section, className), ...rest, children });
   }
 );
 PageContentSection.displayName = "PageContent.Section";
 function PageContentHeader({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx43("div", { className: cx(PageContent_default.header, className), ...rest, children });
+  return /* @__PURE__ */ jsx44("div", { className: cx(PageContent_default.header, className), ...rest, children });
 }
 PageContentHeader.displayName = "PageContent.Header";
-var PageContentTitle = React55.forwardRef(
+var PageContentTitle = React56.forwardRef(
   function PageContentTitle2({ className, children, ...rest }, forwardedRef) {
-    return /* @__PURE__ */ jsx43("h1", { ref: forwardedRef, className: cx(PageContent_default.title, className), ...rest, children });
+    return /* @__PURE__ */ jsx44("h1", { ref: forwardedRef, className: cx(PageContent_default.title, className), ...rest, children });
   }
 );
 PageContentTitle.displayName = "PageContent.Title";
-var PageContentDescription = React55.forwardRef(
+var PageContentDescription = React56.forwardRef(
   function PageContentDescription2({ className, children, measure = "readable", ...rest }, forwardedRef) {
-    return /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx44(
       "p",
       {
         ref: forwardedRef,
@@ -8534,7 +8569,7 @@ var PageContentDescription = React55.forwardRef(
 );
 PageContentDescription.displayName = "PageContent.Description";
 function PageContentBody({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx43("div", { className: cx(PageContent_default.body, className), ...rest, children });
+  return /* @__PURE__ */ jsx44("div", { className: cx(PageContent_default.body, className), ...rest, children });
 }
 PageContentBody.displayName = "PageContent.Body";
 var PageContent = {
@@ -8547,17 +8582,17 @@ var PageContent = {
 };
 
 // src/components/popover/Popover.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 
 // src/components/popover/Popover.module.css
 var Popover_default = {
-  content: "Popover_content2",
+  popoverScroll: "Popover_popoverScroll2",
   popoverInBottom: "Popover_popoverInBottom2",
   popoverInTop: "Popover_popoverInTop2"
 };
 
 // src/components/popover/usePopoverPosition.ts
-import * as React56 from "react";
+import * as React57 from "react";
 
 // src/components/popover/popoverGeometry.ts
 var POPOVER_MIN_MAX_HEIGHT = 120;
@@ -8584,8 +8619,8 @@ function usePopoverPosition({
   align,
   sameMinWidthAsTrigger
 }) {
-  const [layout, setLayout] = React56.useState(null);
-  const commit = React56.useCallback(() => {
+  const [layout, setLayout] = React57.useState(null);
+  const commit = React57.useCallback(() => {
     const trigger = triggerRef.current;
     const panel = contentRef.current;
     if (!trigger || !panel) return;
@@ -8622,7 +8657,7 @@ function usePopoverPosition({
     };
     setLayout((prev) => prev && layoutEqual2(prev, next) ? prev : next);
   }, [triggerRef, contentRef, side, align, sameMinWidthAsTrigger]);
-  React56.useLayoutEffect(() => {
+  React57.useLayoutEffect(() => {
     if (!open) {
       setLayout(null);
       return;
@@ -8659,7 +8694,7 @@ function usePopoverPosition({
 }
 
 // src/components/popover/Popover.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var [PopoverProvider, usePopoverContext] = createComponentContext("Popover");
 function PopoverRoot({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setIsOpen] = useControllableState({
@@ -8667,25 +8702,25 @@ function PopoverRoot({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const id = React57.useId();
+  const id = React58.useId();
   const triggerId = `${id}-trigger`;
   const contentId = `${id}-content`;
-  const triggerRef = React57.useRef(null);
-  const onClose = React57.useCallback(() => setIsOpen(false), [setIsOpen]);
-  const onToggle = React57.useCallback(() => setIsOpen((v) => !v), [setIsOpen]);
-  const value = React57.useMemo(
+  const triggerRef = React58.useRef(null);
+  const onClose = React58.useCallback(() => setIsOpen(false), [setIsOpen]);
+  const onToggle = React58.useCallback(() => setIsOpen((v) => !v), [setIsOpen]);
+  const value = React58.useMemo(
     () => ({ isOpen, onClose, onToggle, triggerId, contentId, triggerRef }),
     [isOpen, onClose, onToggle, triggerId, contentId]
   );
-  return /* @__PURE__ */ jsx44(PopoverProvider, { value, children });
+  return /* @__PURE__ */ jsx45(PopoverProvider, { value, children });
 }
 PopoverRoot.displayName = "PopoverRoot";
 function PopoverTrigger({ children, asChild: _asChild = true }) {
   void _asChild;
   const { isOpen, onToggle, triggerId, contentId, triggerRef } = usePopoverContext();
-  const toggleRef = React57.useRef(onToggle);
+  const toggleRef = React58.useRef(onToggle);
   toggleRef.current = onToggle;
-  const setNode = React57.useCallback(
+  const setNode = React58.useCallback(
     (el) => {
       triggerRef.current = el;
     },
@@ -8693,9 +8728,9 @@ function PopoverTrigger({ children, asChild: _asChild = true }) {
   );
   const child = children;
   const childRef = child.props.ref ?? child.ref;
-  const mergedRef = React57.useMemo(() => mergeRefs(childRef, setNode), [childRef, setNode]);
+  const mergedRef = React58.useMemo(() => mergeRefs(childRef, setNode), [childRef, setNode]);
   const userClick = child.props?.onClick;
-  return React57.cloneElement(child, {
+  return React58.cloneElement(child, {
     ref: mergedRef,
     id: triggerId,
     "aria-expanded": isOpen,
@@ -8715,13 +8750,13 @@ function PopoverContent({
   size = "m",
   trapFocus = false,
   insetPadding = "none",
-  insetGap = "none",
+  insetGap = "pad",
   children,
   className
 }) {
   const { isOpen, onClose, triggerRef, contentId, triggerId } = usePopoverContext();
   const overlayPortalLayer = useOverlayPortalLayer();
-  const contentRef = React57.useRef(null);
+  const contentRef = React58.useRef(null);
   const layout = usePopoverPosition({
     open: isOpen,
     triggerRef,
@@ -8734,7 +8769,7 @@ function PopoverContent({
     enabled: isOpen && trapFocus,
     restoreFocus: true
   });
-  const ref = React57.useMemo(() => mergeRefs(contentRef, trapRef), [trapRef]);
+  const ref = React58.useMemo(() => mergeRefs(contentRef, trapRef), [trapRef]);
   useEscapeKey({ enabled: isOpen, onEscape: onClose });
   useOutsideClick({
     refs: [triggerRef, contentRef],
@@ -8743,7 +8778,7 @@ function PopoverContent({
     shouldSuppressOutsideClick: (target) => isPortaledSelectListboxOwnedByContainer(target, contentRef.current)
   });
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsx45(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx45(
     ScrollContainer,
     {
       ref,
@@ -8757,7 +8792,7 @@ function PopoverContent({
       "data-size": size,
       "data-inset-padding": insetPadding,
       "data-inset-gap": insetGap,
-      className: cx(Popover_default.content, className),
+      className: cx(Popover_default.popoverScroll, className),
       style: layout?.style,
       children
     }
@@ -8771,7 +8806,7 @@ var Popover = {
 };
 
 // src/components/progress-circle/ProgressCircle.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 
 // src/components/progress-circle/ProgressCircle.module.css
 var ProgressCircle_default = {
@@ -8782,12 +8817,12 @@ var ProgressCircle_default = {
 };
 
 // src/components/progress-circle/ProgressCircle.tsx
-import { jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
 var pc = primitiveTokens.progressCircle;
 function clampProgress2(value, max) {
   return Math.min(max, Math.max(value, 0));
 }
-var ProgressCircleRoot = React58.forwardRef(
+var ProgressCircleRoot = React59.forwardRef(
   ({ value, max = 100, size = "m", label, children, className }, ref) => {
     const safeMax = max > 0 ? max : 100;
     const safeValue = clampProgress2(value, safeMax);
@@ -8821,7 +8856,7 @@ var ProgressCircleRoot = React58.forwardRef(
               "aria-valuemax": safeMax,
               "aria-label": label,
               children: [
-                /* @__PURE__ */ jsx45(
+                /* @__PURE__ */ jsx46(
                   "circle",
                   {
                     cx: center,
@@ -8832,7 +8867,7 @@ var ProgressCircleRoot = React58.forwardRef(
                     strokeWidth
                   }
                 ),
-                /* @__PURE__ */ jsx45(
+                /* @__PURE__ */ jsx46(
                   "circle",
                   {
                     cx: center,
@@ -8849,7 +8884,7 @@ var ProgressCircleRoot = React58.forwardRef(
               ]
             }
           ),
-          children ? /* @__PURE__ */ jsx45("div", { className: ProgressCircle_default.inner, children }) : null
+          children ? /* @__PURE__ */ jsx46("div", { className: ProgressCircle_default.inner, children }) : null
         ]
       }
     );
@@ -8859,7 +8894,7 @@ ProgressCircleRoot.displayName = "ProgressCircleRoot";
 var ProgressCircle = { Root: ProgressCircleRoot };
 
 // src/components/radio/Radio.tsx
-import * as React59 from "react";
+import * as React60 from "react";
 
 // src/components/radio/Radio.module.css
 var Radio_default = {
@@ -8875,9 +8910,9 @@ var Radio_default = {
 };
 
 // src/components/radio/Radio.tsx
-import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
 var [RadioProvider, useRadioContext] = createComponentContext("Radio");
-var RadioRoot = React59.forwardRef(
+var RadioRoot = React60.forwardRef(
   ({
     id,
     variant = "default",
@@ -8888,14 +8923,14 @@ var RadioRoot = React59.forwardRef(
     children,
     ...inputRest
   }, ref) => {
-    const rawId = React59.useId();
+    const rawId = React60.useId();
     const inputId = id ?? rawId;
     const hintId = `${inputId}-hint`;
     const errorId = `${inputId}-error`;
-    const [hasHint, setHasHint] = React59.useState(false);
-    const [hasError, setHasError] = React59.useState(false);
+    const [hasHint, setHasHint] = React60.useState(false);
+    const [hasError, setHasError] = React60.useState(false);
     const invalid = variant === "error" || hasError;
-    const restInputPropsRef = React59.useRef(inputRest);
+    const restInputPropsRef = React60.useRef(inputRest);
     restInputPropsRef.current = inputRest;
     const parts = [
       ariaDescribedBy,
@@ -8903,11 +8938,11 @@ var RadioRoot = React59.forwardRef(
       hasError ? errorId : void 0
     ].filter(Boolean);
     const describedBy = parts.length > 0 ? parts.join(" ") : void 0;
-    const registerHint = React59.useCallback(() => setHasHint(true), []);
-    const unregisterHint = React59.useCallback(() => setHasHint(false), []);
-    const registerError = React59.useCallback(() => setHasError(true), []);
-    const unregisterError = React59.useCallback(() => setHasError(false), []);
-    const ctxValue = React59.useMemo(
+    const registerHint = React60.useCallback(() => setHasHint(true), []);
+    const unregisterHint = React60.useCallback(() => setHasHint(false), []);
+    const registerError = React60.useCallback(() => setHasError(true), []);
+    const unregisterError = React60.useCallback(() => setHasError(false), []);
+    const ctxValue = React60.useMemo(
       () => ({
         inputId,
         hintId,
@@ -8938,7 +8973,7 @@ var RadioRoot = React59.forwardRef(
         unregisterError
       ]
     );
-    return /* @__PURE__ */ jsx46(RadioProvider, { value: ctxValue, children: /* @__PURE__ */ jsx46(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(RadioProvider, { value: ctxValue, children: /* @__PURE__ */ jsx47(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx47(
       "div",
       {
         className: cx(Radio_default.field, className),
@@ -8954,9 +8989,9 @@ var RadioRoot = React59.forwardRef(
   }
 );
 RadioRoot.displayName = "RadioRoot";
-var RadioLabel = React59.forwardRef(function RadioLabel2({ children, className, ...rest }, ref) {
+var RadioLabel = React60.forwardRef(function RadioLabel2({ children, className, ...rest }, ref) {
   const { inputId, inputRef, invalid, disabled, describedBy, restInputPropsRef, size } = useRadioContext();
-  const filterId = React59.useId();
+  const filterId = React60.useId();
   const svgFilterId = `es-radio-${filterId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs24(
     Label.Root,
@@ -8969,7 +9004,7 @@ var RadioLabel = React59.forwardRef(function RadioLabel2({ children, className,
       ...rest,
       children: [
         /* @__PURE__ */ jsxs24("span", { className: Radio_default.controlCell, children: [
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(
             "input",
             {
               ref: inputRef,
@@ -8983,8 +9018,8 @@ var RadioLabel = React59.forwardRef(function RadioLabel2({ children, className,
             }
           ),
           /* @__PURE__ */ jsxs24("svg", { viewBox: "0 0 18 18", className: Radio_default.svg, "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx46("defs", { children: /* @__PURE__ */ jsx46("filter", { id: svgFilterId, children: /* @__PURE__ */ jsx46("feDropShadow", { dx: "0", dy: "1", stdDeviation: "0.5", floodOpacity: "0.10" }) }) }),
-            /* @__PURE__ */ jsx46(
+            /* @__PURE__ */ jsx47("defs", { children: /* @__PURE__ */ jsx47("filter", { id: svgFilterId, children: /* @__PURE__ */ jsx47("feDropShadow", { dx: "0", dy: "1", stdDeviation: "0.5", floodOpacity: "0.10" }) }) }),
+            /* @__PURE__ */ jsx47(
               "circle",
               {
                 cx: "9",
@@ -8994,10 +9029,10 @@ var RadioLabel = React59.forwardRef(function RadioLabel2({ children, className,
                 filter: `url(#${svgFilterId})`
               }
             ),
-            /* @__PURE__ */ jsx46("circle", { cx: "9", cy: "9", r: "4", className: Radio_default.innerCircle })
+            /* @__PURE__ */ jsx47("circle", { cx: "9", cy: "9", r: "4", className: Radio_default.innerCircle })
           ] })
         ] }),
-        children !== void 0 && children !== null ? /* @__PURE__ */ jsx46("span", { className: Radio_default.text, children }) : null
+        children !== void 0 && children !== null ? /* @__PURE__ */ jsx47("span", { className: Radio_default.text, children }) : null
       ]
     }
   );
@@ -9005,13 +9040,13 @@ var RadioLabel = React59.forwardRef(function RadioLabel2({ children, className,
 RadioLabel.displayName = "RadioLabel";
 function RadioHint({ children, className, ...rest }) {
   const { hintId, registerHint, unregisterHint, size, disabled } = useRadioContext();
-  React59.useLayoutEffect(() => {
+  React60.useLayoutEffect(() => {
     registerHint();
     return () => {
       unregisterHint();
     };
   }, [registerHint, unregisterHint]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Hint.Root,
     {
       id: hintId,
@@ -9026,13 +9061,13 @@ function RadioHint({ children, className, ...rest }) {
 RadioHint.displayName = "RadioHint";
 function RadioError({ children, className, ...rest }) {
   const { errorId, registerError, unregisterError, size } = useRadioContext();
-  React59.useLayoutEffect(() => {
+  React60.useLayoutEffect(() => {
     registerError();
     return () => {
       unregisterError();
     };
   }, [registerError, unregisterError]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Hint.Root,
     {
       id: errorId,
@@ -9053,7 +9088,7 @@ var Radio = {
 };
 
 // src/components/segmented-progress-bar/SegmentedProgressBar.tsx
-import * as React60 from "react";
+import * as React61 from "react";
 
 // src/components/segmented-progress-bar/SegmentedProgressBar.module.css
 var SegmentedProgressBar_default = {
@@ -9065,7 +9100,7 @@ var SegmentedProgressBar_default = {
 };
 
 // src/components/segmented-progress-bar/SegmentedProgressBar.tsx
-import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
 function clampNonNegative(n) {
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
@@ -9082,15 +9117,15 @@ function buildDistributionDescription(segments, total) {
   });
   return parts.join(", ");
 }
-var SegmentedProgressBarRoot = React60.forwardRef(
+var SegmentedProgressBarRoot = React61.forwardRef(
   ({ segments, label, size = "m", segmentGap = "none", className }, ref) => {
-    const labelId = React60.useId();
-    const descriptionId = React60.useId();
-    const safe = React60.useMemo(
+    const labelId = React61.useId();
+    const descriptionId = React61.useId();
+    const safe = React61.useMemo(
       () => segments.map((s) => ({ ...s, value: clampNonNegative(s.value) })),
       [segments]
     );
-    const total = React60.useMemo(() => safe.reduce((acc, s) => acc + s.value, 0), [safe]);
+    const total = React61.useMemo(() => safe.reduce((acc, s) => acc + s.value, 0), [safe]);
     const distributionText = buildDistributionDescription(safe, total);
     const trackA11y = label ? { "aria-labelledby": labelId, "aria-describedby": descriptionId } : { "aria-label": distributionText };
     return /* @__PURE__ */ jsxs25(
@@ -9099,10 +9134,10 @@ var SegmentedProgressBarRoot = React60.forwardRef(
         className: cx(SegmentedProgressBar_default.root, className),
         ...toDataAttributes({ size, "segment-gap": segmentGap }),
         children: [
-          label ? /* @__PURE__ */ jsx47("span", { className: SegmentedProgressBar_default.label, id: labelId, children: label }) : null,
-          label ? /* @__PURE__ */ jsx47("span", { id: descriptionId, className: SegmentedProgressBar_default.visuallyHidden, children: distributionText }) : null,
-          /* @__PURE__ */ jsx47("div", { ref, className: SegmentedProgressBar_default.track, role: "group", ...trackA11y, children: total > 0 ? safe.map((seg, i) => {
-            return /* @__PURE__ */ jsx47(
+          label ? /* @__PURE__ */ jsx48("span", { className: SegmentedProgressBar_default.label, id: labelId, children: label }) : null,
+          label ? /* @__PURE__ */ jsx48("span", { id: descriptionId, className: SegmentedProgressBar_default.visuallyHidden, children: distributionText }) : null,
+          /* @__PURE__ */ jsx48("div", { ref, className: SegmentedProgressBar_default.track, role: "group", ...trackA11y, children: total > 0 ? safe.map((seg, i) => {
+            return /* @__PURE__ */ jsx48(
               "div",
               {
                 className: SegmentedProgressBar_default.segment,
@@ -9122,7 +9157,7 @@ SegmentedProgressBarRoot.displayName = "SegmentedProgressBarRoot";
 var SegmentedProgressBar = { Root: SegmentedProgressBarRoot };
 
 // src/components/slider/Slider.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 
 // src/components/slider/Slider.module.css
 var Slider_default = {
@@ -9132,7 +9167,7 @@ var Slider_default = {
 };
 
 // src/components/slider/Slider.tsx
-import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 function clamp2(n, min, max) {
   return Math.min(max, Math.max(min, n));
 }
@@ -9158,7 +9193,7 @@ function SliderRoot({
     defaultValue: clamp2(initialDefault, min, max),
     onChange
   });
-  const id = React61.useId();
+  const id = React62.useId();
   const safeValue = clamp2(value, min, max);
   const applyValueFromInput = (el) => {
     const next = Number.parseFloat(el.value);
@@ -9173,9 +9208,9 @@ function SliderRoot({
   const handleRangeInput = (e) => {
     applyValueFromInput(e.currentTarget);
   };
-  return /* @__PURE__ */ jsx48("div", { className: cx(Slider_default.root, className), ...toDataAttributes({ size }), children: /* @__PURE__ */ jsxs26(ControlSizeProvider, { value: size, children: [
-    label ? /* @__PURE__ */ jsx48("label", { className: Slider_default.label, htmlFor: id, children: label }) : null,
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49("div", { className: cx(Slider_default.root, className), ...toDataAttributes({ size }), children: /* @__PURE__ */ jsxs26(ControlSizeProvider, { value: size, children: [
+    label ? /* @__PURE__ */ jsx49("label", { className: Slider_default.label, htmlFor: id, children: label }) : null,
+    /* @__PURE__ */ jsx49(
       "input",
       {
         id: label ? id : void 0,
@@ -9197,7 +9232,7 @@ SliderRoot.displayName = "SliderRoot";
 var Slider2 = { Root: SliderRoot };
 
 // src/components/stepper/HorizontalStepper.tsx
-import * as React62 from "react";
+import * as React63 from "react";
 
 // src/components/stepper/StepperAlign.module.css
 var StepperAlign_default = {
@@ -9215,10 +9250,10 @@ var StepperAlign_default = {
 };
 
 // src/components/stepper/stepperAlignContext.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var [StepperAlignItemProvider, useStepperAlignItemState] = createComponentContext("StepperAlign.Item");
 function StepperAlignCheckIcon({ className }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "svg",
     {
       className,
@@ -9226,7 +9261,7 @@ function StepperAlignCheckIcon({ className }) {
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx50(
         "path",
         {
           fill: "currentColor",
@@ -9238,14 +9273,14 @@ function StepperAlignCheckIcon({ className }) {
 }
 
 // src/components/stepper/HorizontalStepper.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function HorizontalStepperRoot({
   className,
   size = "m",
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx50(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx50("div", { className: cx(StepperAlign_default.hRoot, className), "data-size": size, ...rest, children }) });
+  return /* @__PURE__ */ jsx51(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx51("div", { className: cx(StepperAlign_default.hRoot, className), "data-size": size, ...rest, children }) });
 }
 HorizontalStepperRoot.displayName = "HorizontalStepper.Root";
 function HorizontalStepperSeparatorIcon({
@@ -9254,12 +9289,12 @@ function HorizontalStepperSeparatorIcon({
   ...rest
 }) {
   const Component = as ?? IconChevronRight;
-  return /* @__PURE__ */ jsx50("span", { className: StepperAlign_default.hSeparator, "aria-hidden": "true", children: /* @__PURE__ */ jsx50(Component, { className: cx(StepperAlign_default.hSeparatorIcon, className), strokeWidth: 2, ...rest }) });
+  return /* @__PURE__ */ jsx51("span", { className: StepperAlign_default.hSeparator, "aria-hidden": "true", children: /* @__PURE__ */ jsx51(Component, { className: cx(StepperAlign_default.hSeparatorIcon, className), strokeWidth: 2, ...rest }) });
 }
 HorizontalStepperSeparatorIcon.displayName = "HorizontalStepper.SeparatorIcon";
-var HorizontalStepperItem = React62.forwardRef(
+var HorizontalStepperItem = React63.forwardRef(
   function HorizontalStepperItem2({ state = "default", className, type = "button", children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx50(StepperAlignItemProvider, { value: { state }, children: /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(StepperAlignItemProvider, { value: { state }, children: /* @__PURE__ */ jsx51(
       "button",
       {
         ref,
@@ -9282,9 +9317,9 @@ function HorizontalStepperItemIndicator({
   const { state: ctxState } = useStepperAlignItemState();
   const state = stateProp ?? ctxState;
   if (state === "completed") {
-    return /* @__PURE__ */ jsx50("div", { className: cx(StepperAlign_default.hIndicator, className), "data-state": state, ...rest, children: /* @__PURE__ */ jsx50(StepperAlignCheckIcon, { className: StepperAlign_default.hCheck }) });
+    return /* @__PURE__ */ jsx51("div", { className: cx(StepperAlign_default.hIndicator, className), "data-state": state, ...rest, children: /* @__PURE__ */ jsx51(StepperAlignCheckIcon, { className: StepperAlign_default.hCheck }) });
   }
-  return /* @__PURE__ */ jsx50("div", { className: cx(StepperAlign_default.hIndicator, className), "data-state": state, ...rest, children });
+  return /* @__PURE__ */ jsx51("div", { className: cx(StepperAlign_default.hIndicator, className), "data-state": state, ...rest, children });
 }
 HorizontalStepperItemIndicator.displayName = "HorizontalStepper.ItemIndicator";
 var HorizontalStepper = {
@@ -9295,7 +9330,7 @@ var HorizontalStepper = {
 };
 
 // src/components/stepper/Stepper.tsx
-import * as React64 from "react";
+import * as React65 from "react";
 
 // src/components/stepper/Stepper.module.css
 var Stepper_default = {
@@ -9308,15 +9343,15 @@ var Stepper_default = {
 };
 
 // src/components/stepper/VerticalStepper.tsx
-import * as React63 from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import * as React64 from "react";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function VerticalStepperRoot({
   className,
   size = "m",
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx51(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx51("div", { className: cx(StepperAlign_default.vRoot, className), "data-size": size, ...rest, children }) });
+  return /* @__PURE__ */ jsx52(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx52("div", { className: cx(StepperAlign_default.vRoot, className), "data-size": size, ...rest, children }) });
 }
 VerticalStepperRoot.displayName = "VerticalStepper.Root";
 function VerticalStepperArrow({
@@ -9325,12 +9360,12 @@ function VerticalStepperArrow({
   ...rest
 }) {
   const Component = as ?? IconChevronRight;
-  return /* @__PURE__ */ jsx51(Component, { className: cx(StepperAlign_default.vArrow, className), strokeWidth: 2, ...rest });
+  return /* @__PURE__ */ jsx52(Component, { className: cx(StepperAlign_default.vArrow, className), strokeWidth: 2, ...rest });
 }
 VerticalStepperArrow.displayName = "VerticalStepper.Arrow";
-var VerticalStepperItem = React63.forwardRef(
+var VerticalStepperItem = React64.forwardRef(
   function VerticalStepperItem2({ state = "default", className, type = "button", children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx51(StepperAlignItemProvider, { value: { state }, children: /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx52(StepperAlignItemProvider, { value: { state }, children: /* @__PURE__ */ jsx52(
       "button",
       {
         ref,
@@ -9353,9 +9388,9 @@ function VerticalStepperItemIndicator({
   const { state: ctxState } = useStepperAlignItemState();
   const state = stateProp ?? ctxState;
   if (state === "completed") {
-    return /* @__PURE__ */ jsx51("div", { className: cx(StepperAlign_default.vIndicator, className), "data-state": state, ...rest, children: /* @__PURE__ */ jsx51(StepperAlignCheckIcon, { className: StepperAlign_default.vCheck }) });
+    return /* @__PURE__ */ jsx52("div", { className: cx(StepperAlign_default.vIndicator, className), "data-state": state, ...rest, children: /* @__PURE__ */ jsx52(StepperAlignCheckIcon, { className: StepperAlign_default.vCheck }) });
   }
-  return /* @__PURE__ */ jsx51("div", { className: cx(StepperAlign_default.vIndicator, className), "data-state": state, ...rest, children });
+  return /* @__PURE__ */ jsx52("div", { className: cx(StepperAlign_default.vIndicator, className), "data-state": state, ...rest, children });
 }
 VerticalStepperItemIndicator.displayName = "VerticalStepper.ItemIndicator";
 var VerticalStepper = {
@@ -9366,7 +9401,7 @@ var VerticalStepper = {
 };
 
 // src/components/stepper/Stepper.tsx
-import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 var [StepperRootProvider, useStepperRootContext] = createComponentContext("Stepper");
 var [StepperStepProvider, useStepperStepContext] = createComponentContext("Stepper.Step");
 function toAlignState(status) {
@@ -9386,18 +9421,18 @@ function StepperRoot({
   children,
   className
 }) {
-  const indexRef = React64.useRef(0);
+  const indexRef = React65.useRef(0);
   indexRef.current = 0;
-  const getNextStepIndex = React64.useCallback(() => {
+  const getNextStepIndex = React65.useCallback(() => {
     const idx = indexRef.current;
     indexRef.current += 1;
     return idx;
   }, []);
-  const value = React64.useMemo(
+  const value = React65.useMemo(
     () => ({ orientation, currentStep, getNextStepIndex }),
     [orientation, currentStep, getNextStepIndex]
   );
-  return /* @__PURE__ */ jsx52(StepperRootProvider, { value, children: /* @__PURE__ */ jsx52(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(StepperRootProvider, { value, children: /* @__PURE__ */ jsx53(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx53(
     "ol",
     {
       className: cx(
@@ -9412,11 +9447,11 @@ function StepperRoot({
 }
 StepperRoot.displayName = "Stepper.Root";
 function StepperSeparatorIcon({ className }) {
-  return /* @__PURE__ */ jsx52("li", { className: Stepper_default.separatorLi, "aria-hidden": "true", children: /* @__PURE__ */ jsx52(HorizontalStepper.SeparatorIcon, { className }) });
+  return /* @__PURE__ */ jsx53("li", { className: Stepper_default.separatorLi, "aria-hidden": "true", children: /* @__PURE__ */ jsx53(HorizontalStepper.SeparatorIcon, { className }) });
 }
 StepperSeparatorIcon.displayName = "Stepper.SeparatorIcon";
 function StepperArrow({ className, ...rest }) {
-  return /* @__PURE__ */ jsx52(VerticalStepper.Arrow, { className, ...rest });
+  return /* @__PURE__ */ jsx53(VerticalStepper.Arrow, { className, ...rest });
 }
 StepperArrow.displayName = "Stepper.Arrow";
 function StepperIndicator({ children, className }) {
@@ -9425,8 +9460,8 @@ function StepperIndicator({ children, className }) {
   const alignState = toAlignState(status);
   const indClass = orientation === "horizontal" ? StepperAlign_default.hIndicator : StepperAlign_default.vIndicator;
   const checkClass = orientation === "horizontal" ? StepperAlign_default.hCheck : StepperAlign_default.vCheck;
-  const defaultChild = status === "completed" ? /* @__PURE__ */ jsx52(StepperAlignCheckIcon, { className: checkClass }) : String(index + 1);
-  return /* @__PURE__ */ jsx52(
+  const defaultChild = status === "completed" ? /* @__PURE__ */ jsx53(StepperAlignCheckIcon, { className: checkClass }) : String(index + 1);
+  return /* @__PURE__ */ jsx53(
     "span",
     {
       className: cx(indClass, className),
@@ -9440,18 +9475,18 @@ function StepperIndicator({ children, className }) {
 StepperIndicator.displayName = "Stepper.Indicator";
 function StepperContent({ title, description, className }) {
   return /* @__PURE__ */ jsxs27("div", { className: cx(Stepper_default.content, className), children: [
-    /* @__PURE__ */ jsx52("div", { className: Stepper_default.title, children: title }),
-    description ? /* @__PURE__ */ jsx52("p", { className: Stepper_default.description, children: description }) : null
+    /* @__PURE__ */ jsx53("div", { className: Stepper_default.title, children: title }),
+    description ? /* @__PURE__ */ jsx53("p", { className: Stepper_default.description, children: description }) : null
   ] });
 }
 StepperContent.displayName = "Stepper.Content";
-var StepperStep = React64.forwardRef(function StepperStep2({ index: indexProp, status: statusProp, children, className, disabled, type = "button", ...rest }, ref) {
+var StepperStep = React65.forwardRef(function StepperStep2({ index: indexProp, status: statusProp, children, className, disabled, type = "button", ...rest }, ref) {
   const { currentStep, orientation, getNextStepIndex } = useStepperRootContext();
   const index = indexProp ?? getNextStepIndex();
   const status = statusProp ?? computeStepStatus(index, currentStep);
   const alignState = toAlignState(status);
   const itemClass = orientation === "horizontal" ? StepperAlign_default.hItem : StepperAlign_default.vItem;
-  return /* @__PURE__ */ jsx52(StepperStepProvider, { value: { status, index }, children: /* @__PURE__ */ jsx52(StepperAlignItemProvider, { value: { state: alignState }, children: /* @__PURE__ */ jsx52("li", { className: Stepper_default.stepLi, "data-status": status, children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(StepperStepProvider, { value: { status, index }, children: /* @__PURE__ */ jsx53(StepperAlignItemProvider, { value: { state: alignState }, children: /* @__PURE__ */ jsx53("li", { className: Stepper_default.stepLi, "data-status": status, children: /* @__PURE__ */ jsx53(
     "button",
     {
       ref,
@@ -9479,7 +9514,7 @@ var Stepper = {
 };
 
 // src/components/switch/Switch.tsx
-import * as React65 from "react";
+import * as React66 from "react";
 
 // src/components/switch/Switch.module.css
 var Switch_default = {
@@ -9493,9 +9528,9 @@ var Switch_default = {
 };
 
 // src/components/switch/Switch.tsx
-import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
 var [SwitchProvider, useSwitchContext] = createComponentContext("Switch");
-var SwitchRoot = React65.forwardRef(
+var SwitchRoot = React66.forwardRef(
   ({
     id,
     checked,
@@ -9510,19 +9545,19 @@ var SwitchRoot = React65.forwardRef(
     children,
     ...inputRest
   }, ref) => {
-    const rawId = React65.useId();
+    const rawId = React66.useId();
     const inputId = id ?? rawId;
     const hintId = `${inputId}-hint`;
     const errorId = `${inputId}-error`;
-    const [hasHint, setHasHint] = React65.useState(false);
-    const [hasError, setHasError] = React65.useState(false);
+    const [hasHint, setHasHint] = React66.useState(false);
+    const [hasError, setHasError] = React66.useState(false);
     const invalid = variant === "error" || hasError;
     const [isChecked, setChecked] = useControllableState({
       value: checked,
       defaultValue: defaultChecked,
       onChange: onCheckedChange
     });
-    const handleChange = React65.useCallback(
+    const handleChange = React66.useCallback(
       (e) => {
         if (readOnly) {
           e.preventDefault();
@@ -9532,7 +9567,7 @@ var SwitchRoot = React65.forwardRef(
       },
       [readOnly, setChecked]
     );
-    const restInputPropsRef = React65.useRef(inputRest);
+    const restInputPropsRef = React66.useRef(inputRest);
     restInputPropsRef.current = inputRest;
     const parts = [
       ariaDescribedBy,
@@ -9540,11 +9575,11 @@ var SwitchRoot = React65.forwardRef(
       hasError ? errorId : void 0
     ].filter(Boolean);
     const describedBy = parts.length > 0 ? parts.join(" ") : void 0;
-    const registerHint = React65.useCallback(() => setHasHint(true), []);
-    const unregisterHint = React65.useCallback(() => setHasHint(false), []);
-    const registerError = React65.useCallback(() => setHasError(true), []);
-    const unregisterError = React65.useCallback(() => setHasError(false), []);
-    const ctxValue = React65.useMemo(
+    const registerHint = React66.useCallback(() => setHasHint(true), []);
+    const unregisterHint = React66.useCallback(() => setHasHint(false), []);
+    const registerError = React66.useCallback(() => setHasError(true), []);
+    const unregisterError = React66.useCallback(() => setHasError(false), []);
+    const ctxValue = React66.useMemo(
       () => ({
         inputId,
         hintId,
@@ -9581,7 +9616,7 @@ var SwitchRoot = React65.forwardRef(
         unregisterError
       ]
     );
-    return /* @__PURE__ */ jsx53(SwitchProvider, { value: ctxValue, children: /* @__PURE__ */ jsx53(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(SwitchProvider, { value: ctxValue, children: /* @__PURE__ */ jsx54(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx54(
       "div",
       {
         className: cx(Switch_default.field, className),
@@ -9599,7 +9634,7 @@ var SwitchRoot = React65.forwardRef(
   }
 );
 SwitchRoot.displayName = "SwitchRoot";
-var SwitchLabel = React65.forwardRef(function SwitchLabel2({ children, className, ...rest }, ref) {
+var SwitchLabel = React66.forwardRef(function SwitchLabel2({ children, className, ...rest }, ref) {
   const {
     inputId,
     inputRef,
@@ -9623,7 +9658,7 @@ var SwitchLabel = React65.forwardRef(function SwitchLabel2({ children, className
       ...rest,
       children: [
         /* @__PURE__ */ jsxs28("span", { className: Switch_default.controlCell, children: [
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             "input",
             {
               ref: inputRef,
@@ -9641,9 +9676,9 @@ var SwitchLabel = React65.forwardRef(function SwitchLabel2({ children, className
               ...restInputPropsRef.current
             }
           ),
-          /* @__PURE__ */ jsx53("span", { className: Switch_default.track, "aria-hidden": "true" })
+          /* @__PURE__ */ jsx54("span", { className: Switch_default.track, "aria-hidden": "true" })
         ] }),
-        children !== void 0 && children !== null ? /* @__PURE__ */ jsx53("span", { className: Switch_default.text, children }) : null
+        children !== void 0 && children !== null ? /* @__PURE__ */ jsx54("span", { className: Switch_default.text, children }) : null
       ]
     }
   );
@@ -9651,13 +9686,13 @@ var SwitchLabel = React65.forwardRef(function SwitchLabel2({ children, className
 SwitchLabel.displayName = "SwitchLabel";
 function SwitchHint({ children, className, ...rest }) {
   const { hintId, registerHint, unregisterHint, size, disabled } = useSwitchContext();
-  React65.useLayoutEffect(() => {
+  React66.useLayoutEffect(() => {
     registerHint();
     return () => {
       unregisterHint();
     };
   }, [registerHint, unregisterHint]);
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     Hint.Root,
     {
       id: hintId,
@@ -9672,13 +9707,13 @@ function SwitchHint({ children, className, ...rest }) {
 SwitchHint.displayName = "SwitchHint";
 function SwitchError({ children, className, ...rest }) {
   const { errorId, registerError, unregisterError, size } = useSwitchContext();
-  React65.useLayoutEffect(() => {
+  React66.useLayoutEffect(() => {
     registerError();
     return () => {
       unregisterError();
     };
   }, [registerError, unregisterError]);
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     Hint.Root,
     {
       id: errorId,
@@ -9699,7 +9734,7 @@ var Switch = {
 };
 
 // src/components/tabs/Tabs.tsx
-import * as React66 from "react";
+import * as React67 from "react";
 
 // src/components/tabs/Tabs.module.css
 var Tabs_default = {
@@ -9715,7 +9750,7 @@ var Tabs_default = {
 };
 
 // src/components/tabs/Tabs.tsx
-import { jsx as jsx54, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
 var [TabsProvider, useTabsContext] = createComponentContext("Tabs");
 function TabsRoot({
   value,
@@ -9726,29 +9761,29 @@ function TabsRoot({
   children,
   className
 }) {
-  const rootId = React66.useId();
+  const rootId = React67.useId();
   const [activeValue, setActiveValue] = useControllableState({
     value,
     defaultValue,
     onChange: onValueChange
   });
-  const contextValue = React66.useMemo(
+  const contextValue = React67.useMemo(
     () => ({ activeValue, onSelect: setActiveValue, orientation, rootId, size }),
     [activeValue, setActiveValue, orientation, rootId, size]
   );
-  return /* @__PURE__ */ jsx54(TabsProvider, { value: contextValue, children: /* @__PURE__ */ jsx54("div", { className: cx(Tabs_default.root, className), "data-orientation": orientation, "data-size": size, children }) });
+  return /* @__PURE__ */ jsx55(TabsProvider, { value: contextValue, children: /* @__PURE__ */ jsx55("div", { className: cx(Tabs_default.root, className), "data-orientation": orientation, "data-size": size, children }) });
 }
 TabsRoot.displayName = "TabsRoot";
 function TabsList({ children, className }) {
   const { orientation, rootId, activeValue, onSelect, size } = useTabsContext();
-  const listRef = React66.useRef(null);
-  const [indicator, setIndicator] = React66.useState({
+  const listRef = React67.useRef(null);
+  const [indicator, setIndicator] = React67.useState({
     left: 0,
     top: 0,
     width: 0,
     height: 0
   });
-  const updateIndicator = React66.useCallback(() => {
+  const updateIndicator = React67.useCallback(() => {
     const list = listRef.current;
     if (!list) return;
     const active = list.querySelector('[role="tab"][aria-selected="true"]');
@@ -9763,7 +9798,7 @@ function TabsList({ children, className }) {
       height: active.offsetHeight
     });
   }, []);
-  React66.useLayoutEffect(() => {
+  React67.useLayoutEffect(() => {
     const list = listRef.current;
     if (!list) return;
     updateIndicator();
@@ -9828,8 +9863,8 @@ function TabsList({ children, className }) {
       className: cx(Tabs_default.list, className),
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx54(ControlSizeProvider, { value: size, children }),
-        /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx55(ControlSizeProvider, { value: size, children }),
+        /* @__PURE__ */ jsx55(
           "div",
           {
             className: cx(
@@ -9855,7 +9890,7 @@ TabsList.displayName = "TabsList";
 function TabsTab({ value, disabled = false, children, className }) {
   const { activeValue, onSelect, rootId } = useTabsContext();
   const isSelected = activeValue === value;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "button",
     {
       role: "tab",
@@ -9877,18 +9912,18 @@ function TabsTab({ value, disabled = false, children, className }) {
 }
 TabsTab.displayName = "TabsTab";
 function TabsIcon({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx54("span", { className: cx(Tabs_default.icon, className), "aria-hidden": "true", ...rest, children });
+  return /* @__PURE__ */ jsx55("span", { className: cx(Tabs_default.icon, className), "aria-hidden": "true", ...rest, children });
 }
 TabsIcon.displayName = "TabsIcon";
 function TabsLabel({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx54("span", { className: cx(Tabs_default.label, className), ...rest, children });
+  return /* @__PURE__ */ jsx55("span", { className: cx(Tabs_default.label, className), ...rest, children });
 }
 TabsLabel.displayName = "TabsLabel";
 function TabsPanel({ value, children, className }) {
   const { activeValue, rootId } = useTabsContext();
   const isActive = activeValue === value;
   if (!isActive) return null;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       role: "tabpanel",
@@ -9910,7 +9945,7 @@ var Tabs = {
 };
 
 // src/components/tag/Tag.tsx
-import * as React67 from "react";
+import * as React68 from "react";
 
 // src/components/tag/Tag.module.css
 var Tag_default = {
@@ -9922,8 +9957,8 @@ var Tag_default = {
 };
 
 // src/components/tag/Tag.tsx
-import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
-var TagRoot = React67.forwardRef(
+import { jsx as jsx56, jsxs as jsxs30 } from "react/jsx-runtime";
+var TagRoot = React68.forwardRef(
   ({ size: sizeProp, onRemove, disabled, children, className, ...rest }, ref) => {
     const controlSurface = useOptionalControlSize();
     const size = sizeProp ?? (controlSurface !== void 0 ? controlSurfaceToInputSize(controlSurface) : "m");
@@ -9939,8 +9974,8 @@ var TagRoot = React67.forwardRef(
         }),
         ...rest,
         children: [
-          /* @__PURE__ */ jsx55("span", { className: Tag_default.body, children: /* @__PURE__ */ jsx55(ControlSizeProvider, { value: size, children }) }),
-          onRemove ? /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56("span", { className: Tag_default.body, children: /* @__PURE__ */ jsx56(ControlSizeProvider, { value: size, children }) }),
+          onRemove ? /* @__PURE__ */ jsx56(
             "button",
             {
               type: "button",
@@ -9948,7 +9983,7 @@ var TagRoot = React67.forwardRef(
               "aria-label": "Remove",
               onClick: onRemove,
               disabled,
-              children: /* @__PURE__ */ jsx55("svg", { className: Tag_default.removeIcon, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56("svg", { className: Tag_default.removeIcon, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx56(
                 "path",
                 {
                   d: "M2 2l8 8M10 2l-8 8",
@@ -9966,13 +10001,13 @@ var TagRoot = React67.forwardRef(
 );
 TagRoot.displayName = "TagRoot";
 function TagIcon({ children, className }) {
-  return /* @__PURE__ */ jsx55("span", { className: cx(Tag_default.icon, className), children });
+  return /* @__PURE__ */ jsx56("span", { className: cx(Tag_default.icon, className), children });
 }
 TagIcon.displayName = "TagIcon";
 var Tag = { Root: TagRoot, Icon: TagIcon };
 
 // src/components/textarea/Textarea.tsx
-import * as React68 from "react";
+import * as React69 from "react";
 
 // src/components/textarea/Textarea.module.css
 var Textarea_default = {
@@ -9989,7 +10024,7 @@ var Textarea_default = {
 };
 
 // src/components/textarea/Textarea.tsx
-import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
 var [TextareaProvider, useTextareaContext] = createComponentContext("Textarea");
 function TextareaCharCounter({ current, max }) {
   const overflow = current > max;
@@ -10011,8 +10046,8 @@ TextareaCharCounter.displayName = "Textarea.CharCounter";
 function partitionTextareaChildren(children) {
   const counters = [];
   const rest = [];
-  React68.Children.forEach(children, (child) => {
-    if (React68.isValidElement(child) && child.type === TextareaCharCounter) {
+  React69.Children.forEach(children, (child) => {
+    if (React69.isValidElement(child) && child.type === TextareaCharCounter) {
       counters.push(child);
     } else if (child != null && child !== false) {
       rest.push(child);
@@ -10020,7 +10055,7 @@ function partitionTextareaChildren(children) {
   });
   return { counters, rest };
 }
-var TextareaRoot = React68.forwardRef(
+var TextareaRoot = React69.forwardRef(
   ({
     id,
     className,
@@ -10037,12 +10072,12 @@ var TextareaRoot = React68.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const rawId = React68.useId();
+    const rawId = React69.useId();
     const inputId = id ?? rawId;
     const hintId = `${inputId}-hint`;
     const errorId = `${inputId}-error`;
-    const [hasHint, setHasHint] = React68.useState(false);
-    const [hasError, setHasError] = React68.useState(false);
+    const [hasHint, setHasHint] = React69.useState(false);
+    const [hasError, setHasError] = React69.useState(false);
     const invalid = variant === "error" || hasError;
     const resolvedAriaInvalid = ariaInvalid ?? (invalid || void 0);
     const parts = [
@@ -10051,25 +10086,25 @@ var TextareaRoot = React68.forwardRef(
       hasError ? errorId : void 0
     ].filter(Boolean);
     const describedBy = parts.length > 0 ? parts.join(" ") : void 0;
-    const registerHint = React68.useCallback(() => setHasHint(true), []);
-    const unregisterHint = React68.useCallback(() => setHasHint(false), []);
-    const registerError = React68.useCallback(() => setHasError(true), []);
-    const unregisterError = React68.useCallback(() => setHasError(false), []);
-    const wrapperRef = React68.useRef(null);
+    const registerHint = React69.useCallback(() => setHasHint(true), []);
+    const unregisterHint = React69.useCallback(() => setHasHint(false), []);
+    const registerError = React69.useCallback(() => setHasError(true), []);
+    const unregisterError = React69.useCallback(() => setHasError(false), []);
+    const wrapperRef = React69.useRef(null);
     const { counters: counterChildren, rest: otherChildren } = partitionTextareaChildren(children);
     const showFooter = counterChildren.length > 0;
-    React68.useLayoutEffect(() => {
+    React69.useLayoutEffect(() => {
       if (!autoResize || !wrapperRef.current) return;
       const textarea = wrapperRef.current.querySelector("textarea");
       if (textarea) {
         wrapperRef.current.dataset.value = textarea.value;
       }
     }, [autoResize]);
-    React68.useEffect(() => {
+    React69.useEffect(() => {
       if (!autoResize || !wrapperRef.current || typeof value !== "string") return;
       wrapperRef.current.dataset.value = value;
     }, [autoResize, value]);
-    const handleInput = React68.useCallback(
+    const handleInput = React69.useCallback(
       (e) => {
         if (autoResize && wrapperRef.current) {
           wrapperRef.current.dataset.value = e.currentTarget.value;
@@ -10078,7 +10113,7 @@ var TextareaRoot = React68.forwardRef(
       },
       [autoResize, onInput]
     );
-    const ctxValue = React68.useMemo(
+    const ctxValue = React69.useMemo(
       () => ({
         hintId,
         errorId,
@@ -10102,7 +10137,7 @@ var TextareaRoot = React68.forwardRef(
         unregisterError
       ]
     );
-    const textareaEl = /* @__PURE__ */ jsx56(
+    const textareaEl = /* @__PURE__ */ jsx57(
       "textarea",
       {
         ref,
@@ -10118,9 +10153,9 @@ var TextareaRoot = React68.forwardRef(
         ...rest
       }
     );
-    const textareaBlock = autoResize ? /* @__PURE__ */ jsx56("div", { ref: wrapperRef, className: Textarea_default.autoResize, children: textareaEl }) : textareaEl;
-    return /* @__PURE__ */ jsx56(TextareaProvider, { value: ctxValue, children: /* @__PURE__ */ jsx56(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs31("div", { className: Textarea_default.field, ...toDataAttributes({ size }), children: [
-      /* @__PURE__ */ jsx56(
+    const textareaBlock = autoResize ? /* @__PURE__ */ jsx57("div", { ref: wrapperRef, className: Textarea_default.autoResize, children: textareaEl }) : textareaEl;
+    return /* @__PURE__ */ jsx57(TextareaProvider, { value: ctxValue, children: /* @__PURE__ */ jsx57(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs31("div", { className: Textarea_default.field, ...toDataAttributes({ size }), children: [
+      /* @__PURE__ */ jsx57(
         "label",
         {
           htmlFor: inputId,
@@ -10132,8 +10167,8 @@ var TextareaRoot = React68.forwardRef(
             size
           }),
           children: /* @__PURE__ */ jsxs31("div", { className: Textarea_default.controlStack, children: [
-            /* @__PURE__ */ jsx56("div", { className: Textarea_default.textareaRegion, children: textareaBlock }),
-            showFooter ? /* @__PURE__ */ jsx56("div", { className: Textarea_default.controlFooter, children: counterChildren }) : null
+            /* @__PURE__ */ jsx57("div", { className: Textarea_default.textareaRegion, children: textareaBlock }),
+            showFooter ? /* @__PURE__ */ jsx57("div", { className: Textarea_default.controlFooter, children: counterChildren }) : null
           ] })
         }
       ),
@@ -10144,13 +10179,13 @@ var TextareaRoot = React68.forwardRef(
 TextareaRoot.displayName = "Textarea.Root";
 function TextareaHint({ children, className, ...rest }) {
   const { hintId, registerHint, unregisterHint, size, disabled, readOnly } = useTextareaContext();
-  React68.useLayoutEffect(() => {
+  React69.useLayoutEffect(() => {
     registerHint();
     return () => {
       unregisterHint();
     };
   }, [registerHint, unregisterHint]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     Hint.Root,
     {
       id: hintId,
@@ -10165,13 +10200,13 @@ function TextareaHint({ children, className, ...rest }) {
 TextareaHint.displayName = "Textarea.Hint";
 function TextareaError({ children, className, ...rest }) {
   const { errorId, registerError, unregisterError, size } = useTextareaContext();
-  React68.useLayoutEffect(() => {
+  React69.useLayoutEffect(() => {
     registerError();
     return () => {
       unregisterError();
     };
   }, [registerError, unregisterError]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     Hint.Root,
     {
       id: errorId,
@@ -10211,6 +10246,7 @@ export {
   Divider,
   Drawer,
   Dropdown,
+  EmptyPage,
   ExampleFrame,
   FileUpload,
   Hint,