@saas-ui/react 3.0.0-alpha.24 → 3.0.0-alpha.25

package/dist/index.js

@@ -1,3 +1,10 @@
+import {
+  Status
+} from "./chunk-YKSY7UOM.js";
+import {
+  Toaster,
+  toast
+} from "./chunk-RLIAFHVM.js";
 import {
   Tooltip
 } from "./chunk-QSNSWCTM.js";
@@ -5,62 +12,70 @@ import {
   colors
 } from "./chunk-3MO37LYW.js";
 import {
-  PinInput
-} from "./chunk-2EUACKRH.js";
+  namespace_exports
+} from "./chunk-3JZ42NYM.js";
 import {
-  Status
-} from "./chunk-YKSY7UOM.js";
+  SegmentedControl
+} from "./chunk-SKXSBAOS.js";
+import {
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "./chunk-U23VDAWJ.js";
 import {
   steps_exports
 } from "./chunk-VZG7EJ64.js";
+import {
+  Switch
+} from "./chunk-SA3OGTOO.js";
 import {
   Tabs,
   useTabsContext,
   useTabsStyles
 } from "./chunk-IVLUAUU5.js";
-import {
-  Switch
-} from "./chunk-SA3OGTOO.js";
 import {
   Tag
 } from "./chunk-IEWHAXXU.js";
 import {
-  Toaster,
-  toast
-} from "./chunk-RLIAFHVM.js";
+  NumberInput
+} from "./chunk-S5J6REMC.js";
 import {
   pagination_exports
 } from "./chunk-MLJN6IOJ.js";
 import {
   PasswordInput
-} from "./chunk-CD2JUFI2.js";
-import {
-  Radio,
-  RadioGroup
-} from "./chunk-WYLMBMAH.js";
+} from "./chunk-K2SPPLAY.js";
 import {
   Persona,
   PersonaAvatar,
   defaultPresenceOptions
 } from "./chunk-GWC5GCMW.js";
 import {
-  SearchInput
-} from "./chunk-46ISJZBS.js";
+  PinInput
+} from "./chunk-2EUACKRH.js";
 import {
-  namespace_exports as namespace_exports3
-} from "./chunk-3JZ42NYM.js";
+  popover_exports
+} from "./chunk-KE5AC3TZ.js";
 import {
-  SegmentedControl
-} from "./chunk-SKXSBAOS.js";
+  Radio,
+  RadioGroup
+} from "./chunk-WYLMBMAH.js";
 import {
-  sidebar_exports,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles
-} from "./chunk-U23VDAWJ.js";
+  SearchInput
+} from "./chunk-46ISJZBS.js";
+import {
+  IconButton
+} from "./chunk-MS2ELLDY.js";
 import {
   IconBadge
 } from "./chunk-I2RXEKTB.js";
+import {
+  InputGroup
+} from "./chunk-PKI6YH2V.js";
+import {
+  Link
+} from "./chunk-TZBAM4AD.js";
 import {
   loading_overlay_exports,
   useLoadingOverlayStyles
@@ -68,19 +83,10 @@ import {
 import {
   Spinner
 } from "./chunk-32JGENDB.js";
-import {
-  Link
-} from "./chunk-TZBAM4AD.js";
 import {
   menu_exports
 } from "./chunk-KFXNVUEZ.js";
 import "./chunk-KTLWEUNW.js";
-import {
-  NumberInput
-} from "./chunk-S5J6REMC.js";
-import {
-  InputGroup
-} from "./chunk-PKI6YH2V.js";
 import {
   navbar_exports
 } from "./chunk-Q6SNJJO2.js";
@@ -98,15 +104,18 @@ import {
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
 import {
-  namespace_exports
-} from "./chunk-OIOBGO3Y.js";
+  drawer_exports
+} from "./chunk-6MMPBMKN.js";
 import {
   EmptyState
-} from "./chunk-FJFNGSPL.js";
+} from "./chunk-NGGISORT.js";
 import {
-  namespace_exports as namespace_exports2
-} from "./chunk-3Y67QIZ7.js";
+  dialog_exports
+} from "./chunk-CZVNG73V.js";
 import "./chunk-JMYI6YXR.js";
+import {
+  file_upload_exports
+} from "./chunk-GRUMUCSL.js";
 import {
   CloseButton
 } from "./chunk-YXGJOOMM.js";
@@ -114,9 +123,6 @@ import "./chunk-4TPVIHNO.js";
 import {
   grid_list_exports
 } from "./chunk-NSD5HRIP.js";
-import {
-  IconButton
-} from "./chunk-MS2ELLDY.js";
 import {
   AppShell
 } from "./chunk-6ZNR6N2K.js";
@@ -125,12 +131,12 @@ import {
   Avatar,
   AvatarGroup
 } from "./chunk-JO4WJVYO.js";
-import {
-  breadcrumb_exports
-} from "./chunk-TT4C5VXB.js";
 import {
   Badge
 } from "./chunk-INV6RT5B.js";
+import {
+  breadcrumb_exports
+} from "./chunk-TT4C5VXB.js";
 import {
   Button
 } from "./chunk-NGSHWY7E.js";
@@ -232,7 +238,6 @@ import { defineGlobalStyles } from "@chakra-ui/react";
 var empty = "var(--chakra-empty,/*!*/ /*!*/)";
 var globalCss = defineGlobalStyles({
   "*": {
-    fontFeatureSettings: '"cv11"',
     "--ring-inset": empty,
     "--ring-offset-width": "0px",
     "--ring-offset-color": "#fff",
@@ -269,8 +274,14 @@ var globalCss = defineGlobalStyles({
     "--global-color-border": "colors.border",
     "--cursor-button": "default",
     "--radius-factor": "1",
+    "--radius-control": "1",
+    "--radius-panel": "1",
+    "--radius-indicator": "1",
     "--radius-full": "9999px",
-    "--scale-factor": "1"
+    "--scale-factor": "1",
+    "--overlay-translucency": "90%",
+    "--overlay-effect": "blur({blurs.lg})",
+    "--backdrop-effect": "none"
   },
   body: {
     color: "fg",
@@ -283,41 +294,6 @@ var globalCss = defineGlobalStyles({
   },
   "*::selection": {
     bg: "colorPalette.muted/80"
-  },
-  '[data-radius="none"]': {
-    "--radius-factor": "0",
-    "--radius-full": "0"
-  },
-  '[data-radius="sm"]': {
-    "--radius-factor": "0.9",
-    "--radius-full": "0"
-  },
-  '[data-radius="md"]': {
-    "--radius-factor": "1",
-    "--radius-full": "0"
-  },
-  '[data-radius="lg"]': {
-    "--radius-factor": "1.5",
-    "--radius-full": "0"
-  },
-  '[data-radius="full"]': {
-    "--radius-factor": "1.5",
-    "--radius-full": "9999px"
-  },
-  '[data-scale="xs"]': {
-    "--scale-factor": "0.9"
-  },
-  '[data-scale="sm"]': {
-    "--scale-factor": "0.95"
-  },
-  '[data-scale="md"]': {
-    "--scale-factor": "1"
-  },
-  '[data-scale="lg"]': {
-    "--scale-factor": "1.05"
-  },
-  '[data-scale="xl"]': {
-    "--scale-factor": "1.1"
   }
 });
 
@@ -431,6 +407,20 @@ var layerStyles = defineLayerStyles({
   },
   none: {
     value: {}
+  },
+  overlay: {
+    value: {
+      bg: "bg.overlay",
+      backdropFilter: "var(--overlay-effect)",
+      borderRadius: "panel.lg",
+      boxShadow: "lg"
+    }
+  },
+  backdrop: {
+    value: {
+      bg: "bg.backdrop",
+      backdropFilter: "var(--backdrop-effect)"
+    }
   }
 });
 
@@ -1671,6 +1661,18 @@ var semanticColors = defineSemanticTokens.colors({
     panel: {
       value: { _light: "{colors.white}", _dark: "{colors.gray.950}" }
     },
+    overlay: {
+      value: {
+        _light: "color-mix(in oklch, {colors.white} var(--overlay-translucency), transparent)",
+        _dark: "color-mix(in srgb, var(--overlay-translucency), {colors.gray.950} 100%)"
+      }
+    },
+    backdrop: {
+      value: {
+        _light: "{colors.black/30}",
+        _dark: "{colors.black/30}"
+      }
+    },
     error: {
       value: { _light: "{colors.red.50}", _dark: "{colors.red.950}" }
     },
@@ -2278,7 +2280,40 @@ import { defineSemanticTokens as defineSemanticTokens2 } from "@chakra-ui/react"
 var semanticRadii = defineSemanticTokens2.radii({
   l1: { value: "{radii.xs}" },
   l2: { value: "{radii.sm}" },
-  l3: { value: "{radii.md}" }
+  l3: { value: "{radii.md}" },
+  control: {
+    sm: {
+      value: "calc({radii.xs} * var(--scale-factor) * var(--radius-control))"
+    },
+    md: {
+      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
+    },
+    lg: {
+      value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
+    }
+  },
+  panel: {
+    sm: {
+      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
+    },
+    md: {
+      value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
+    },
+    lg: {
+      value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
+    }
+  },
+  indicator: {
+    sm: {
+      value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
+    },
+    md: {
+      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
+    },
+    lg: {
+      value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
+    }
+  }
 });
 
 // src/theme/semantic-tokens/shadows.ts
@@ -2286,37 +2321,37 @@ import { defineSemanticTokens as defineSemanticTokens3 } from "@chakra-ui/react"
 var semanticShadows = defineSemanticTokens3.shadows({
   xs: {
     value: {
-      _light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/20}",
+      _light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/5}",
       _dark: "0px 1px 1px {black/64}, 0px 0px 1px inset {colors.gray.300/20}"
     }
   },
   sm: {
     value: {
-      _light: "0px 2px 4px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
+      _light: "0px 2px 4px {colors.gray.900/5}, 0px 0px 2px {colors.gray.900/5}",
       _dark: "0px 2px 4px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
     }
   },
   md: {
     value: {
-      _light: "0px 4px 8px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
+      _light: "0px 4px 8px {colors.gray.900/5}, 0px 0px 3px {colors.gray.900/5}",
       _dark: "0px 4px 8px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
     }
   },
   lg: {
     value: {
-      _light: "0px 8px 16px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
+      _light: "0px 8px 16px {colors.gray.900/5}, 0px 0px 4px {colors.gray.900/5}",
       _dark: "0px 8px 16px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
     }
   },
   xl: {
     value: {
-      _light: "0px 16px 24px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
+      _light: "0px 16px 24px {colors.gray.900/5}, 0px 0px 5px {colors.gray.900/5}",
       _dark: "0px 16px 24px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
     }
   },
   "2xl": {
     value: {
-      _light: "0px 24px 40px {colors.gray.900/10}, 0px 0px 1px {colors.gray.900/30}",
+      _light: "0px 24px 40px {colors.gray.900/10}, 0px 0px 6px {colors.gray.900/5}",
       _dark: "0px 24px 40px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
     }
   },
@@ -2513,15 +2548,95 @@ var avatarSlotRecipe = defineSlotRecipe2({
   }
 });
 
-// src/components/dialog/dialog.recipe.ts
+// src/components/data-list/data-list.recipe.ts
 import { defineSlotRecipe as defineSlotRecipe3 } from "@chakra-ui/react";
+import { dataListAnatomy } from "@chakra-ui/react/anatomy";
+var dataListSlotRecipe = defineSlotRecipe3({
+  slots: dataListAnatomy.keys(),
+  className: "chakra-data-list",
+  base: {
+    itemLabel: {
+      color: "fg.muted",
+      display: "flex",
+      alignItems: "center",
+      gap: "1"
+    },
+    itemValue: {
+      display: "flex",
+      minWidth: "0",
+      flex: "1"
+    }
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: {
+          display: "flex",
+          flexDirection: "column"
+        },
+        item: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4"
+        },
+        itemLabel: {
+          minWidth: "120px"
+        }
+      },
+      vertical: {
+        root: {
+          display: "flex",
+          flexDirection: "column"
+        },
+        item: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "1"
+        }
+      }
+    },
+    size: {
+      sm: {
+        root: {
+          gap: "3"
+        },
+        item: {
+          textStyle: "xs"
+        }
+      },
+      md: {
+        root: {
+          gap: "4"
+        },
+        item: {
+          textStyle: "sm"
+        }
+      },
+      lg: {
+        root: {
+          gap: "5"
+        },
+        item: {
+          textStyle: "md"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    orientation: "vertical"
+  }
+});
+
+// src/components/dialog/dialog.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe4 } from "@chakra-ui/react";
 import { dialogAnatomy } from "@chakra-ui/react/anatomy";
-var dialogSlotRecipe = defineSlotRecipe3({
+var dialogSlotRecipe = defineSlotRecipe4({
   slots: dialogAnatomy.keys(),
   className: "chakra-dialog",
   base: {
     backdrop: {
-      bg: "blackAlpha.500",
+      layerStyle: "backdrop",
       pos: "fixed",
       left: 0,
       top: 0,
@@ -2544,7 +2659,7 @@ var dialogSlotRecipe = defineSlotRecipe3({
       position: "fixed",
       left: 0,
       top: 0,
-      "--dialog-z-index": "zIndex.modal",
+      "--dialog-z-index": "zIndex.layer-4",
       zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
       justifyContent: "center",
       overscrollBehaviorY: "none"
@@ -2555,13 +2670,11 @@ var dialogSlotRecipe = defineSlotRecipe3({
       position: "relative",
       width: "100%",
       outline: 0,
-      borderRadius: "l3",
       textStyle: "sm",
       my: "var(--dialog-margin, var(--dialog-base-margin))",
-      "--dialog-z-index": "zIndex.modal",
+      "--dialog-z-index": "zIndex.layer-4",
       zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
-      bg: "bg.panel",
-      boxShadow: "lg",
+      layerStyle: "overlay",
       _open: {
         animationDuration: "moderate"
       },
@@ -2738,14 +2851,14 @@ var dialogSlotRecipe = defineSlotRecipe3({
 });
 
 // src/components/drawer/drawer.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe4 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe5 } from "@chakra-ui/react";
 import { drawerAnatomy } from "@chakra-ui/react/anatomy";
-var drawerSlotRecipe = defineSlotRecipe4({
+var drawerSlotRecipe = defineSlotRecipe5({
   slots: drawerAnatomy.keys(),
   className: "chakra-drawer",
   base: {
     backdrop: {
-      bg: "blackAlpha.500",
+      layerStyle: "backdrop",
       pos: "fixed",
       insetInlineStart: 0,
       top: 0,
@@ -2766,6 +2879,7 @@ var drawerSlotRecipe = defineSlotRecipe4({
       width: "100vw",
       height: "100dvh",
       position: "fixed",
+      padding: 2,
       insetInlineStart: 0,
       top: 0,
       zIndex: "modal",
@@ -2777,12 +2891,12 @@ var drawerSlotRecipe = defineSlotRecipe4({
       position: "relative",
       width: "100%",
       outline: 0,
-      zIndex: "modal",
+      "--drawer-z-index": "zIndex.layer-4",
+      zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
       textStyle: "sm",
       maxH: "100dvh",
       color: "inherit",
-      bg: "bg.panel",
-      boxShadow: "lg",
+      layerStyle: "overlay",
       _open: {
         animationDuration: "slowest",
         animationTimingFunction: "ease-in-smooth"
@@ -2918,73 +3032,289 @@ var drawerSlotRecipe = defineSlotRecipe4({
         }
       }
     },
-    contained: {
+    attached: {
       true: {
         positioner: {
-          padding: "2"
+          padding: 0
         },
         content: {
-          borderRadius: "md"
+          borderRadius: "none"
         }
       }
     }
   },
   defaultVariants: {
     size: "xs",
-    placement: "end",
-    contained: true
+    placement: "end"
   }
 });
 
-// src/components/grid-list/grid-list.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe5 } from "@chakra-ui/react";
-var gridListSlotRecipe = defineSlotRecipe5({
-  className: "sui-grid-list",
-  slots: ["root", "item", "header", "cell"],
+// src/components/empty-state/empty-state.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe6 } from "@chakra-ui/react";
+import { emptyStateAnatomy } from "@chakra-ui/react/anatomy";
+var emptyStateSlotRecipe = defineSlotRecipe6({
+  slots: emptyStateAnatomy.extendWith("actions").keys(),
+  className: "chakra-empty-state",
   base: {
     root: {
-      position: "relative"
-    },
-    item: {
+      width: "full",
+      height: "full",
       display: "flex",
-      flexDirection: "row",
+      flexDirection: "column",
       alignItems: "center",
-      justifyContent: "space-between",
-      flex: 1,
-      userSelect: "none",
-      borderRadius: "inherit",
-      outline: "none",
-      _focusVisible: {
-        boxShadow: "outline"
-      },
-      _disabled: {
-        cursor: "disabled",
-        opacity: 0.5,
-        _hover: {
-          bg: "transparent",
-          _dark: {
-            bg: "transparent"
-          }
-        },
-        _active: {
-          bg: "transparent",
-          _dark: {
-            bg: "transparent"
-          }
-        }
-      }
+      justifyContent: "center"
     },
-    header: {
+    content: {
       display: "flex",
-      flexDirection: "row",
-      position: "sticky",
-      fontSize: "md",
-      fontWeight: "semibold",
-      color: "fg.muted"
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center"
     },
-    cell: {
-      flexShrink: 0
-    }
+    indicator: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: "colorPalette.solid",
+      _icon: {
+        boxSize: "1em"
+      }
+    },
+    title: {
+      fontWeight: "semibold"
+    },
+    description: {
+      textStyle: "sm",
+      color: "fg.muted"
+    },
+    actions: {
+      display: "flex",
+      flexDirection: "row",
+      gap: "2"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: {
+          px: "4",
+          py: "6"
+        },
+        indicator: {
+          textStyle: "3xl",
+          mb: "2"
+        },
+        title: {
+          textStyle: "md"
+        },
+        description: {
+          textStyle: "xs"
+        },
+        content: {},
+        actions: {
+          mt: "2"
+        }
+      },
+      md: {
+        root: {
+          px: "8",
+          py: "12"
+        },
+        indicator: {
+          textStyle: "4xl",
+          mb: "3"
+        },
+        title: {
+          textStyle: "lg"
+        },
+        description: {
+          textStyle: "sm"
+        },
+        content: {},
+        actions: {
+          mt: "3"
+        }
+      },
+      lg: {
+        root: {
+          px: "12",
+          py: "16"
+        },
+        indicator: {
+          textStyle: "6xl",
+          mb: "4"
+        },
+        title: {
+          textStyle: "xl"
+        },
+        description: {
+          textStyle: "md"
+        },
+        content: {},
+        actions: {
+          mt: "4"
+        }
+      }
+    },
+    align: {
+      start: {
+        content: {
+          alignItems: "flex-start"
+        }
+      },
+      center: {
+        content: {
+          alignItems: "center"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    align: "center"
+  }
+});
+
+// src/components/file-upload/file-upload.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe7 } from "@chakra-ui/react";
+import { fileUploadAnatomy } from "@chakra-ui/react/anatomy";
+var fileUploadSlotRecipe = defineSlotRecipe7({
+  className: "chakra-file-upload",
+  slots: fileUploadAnatomy.keys(),
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "4",
+      width: "100%",
+      alignItems: "flex-start"
+    },
+    label: {
+      fontWeight: "medium",
+      textStyle: "sm"
+    },
+    dropzone: {
+      background: "bg",
+      borderRadius: "panel.md",
+      borderWidth: "1px",
+      borderStyle: "dashed",
+      display: "flex",
+      alignItems: "center",
+      flexDirection: "column",
+      gap: "4",
+      justifyContent: "center",
+      p: "4",
+      transition: "backgrounds",
+      focusVisibleRing: "outside",
+      _dragging: {
+        bg: "colorPalette.subtle",
+        borderStyle: "solid",
+        borderColor: "colorPalette.solid"
+      }
+    },
+    dropzoneContent: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      textAlign: "center",
+      gap: "4",
+      textStyle: "sm"
+    },
+    item: {
+      textStyle: "sm",
+      animationName: "fade-in",
+      animationDuration: "moderate",
+      background: "bg",
+      borderRadius: "panel.md",
+      borderWidth: "1px",
+      width: "100%",
+      display: "flex",
+      alignItems: "center",
+      gap: "3",
+      px: "4",
+      py: "2"
+    },
+    itemGroup: {
+      width: "100%",
+      display: "flex",
+      flexDirection: "column",
+      gap: "3"
+    },
+    itemName: {
+      color: "fg",
+      fontWeight: "medium",
+      lineClamp: "1"
+    },
+    itemContent: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "0.5",
+      flex: "1"
+    },
+    itemSizeText: {
+      color: "fg.muted",
+      textStyle: "xs"
+    },
+    itemDeleteTrigger: {
+      alignSelf: "flex-start"
+    },
+    itemPreviewImage: {
+      width: "10",
+      height: "10",
+      objectFit: "scale-down"
+    }
+  },
+  defaultVariants: {}
+});
+
+// src/components/grid-list/grid-list.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe8 } from "@chakra-ui/react";
+var gridListSlotRecipe = defineSlotRecipe8({
+  className: "sui-grid-list",
+  slots: ["root", "item", "header", "cell"],
+  base: {
+    root: {
+      position: "relative"
+    },
+    item: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      flex: 1,
+      userSelect: "none",
+      borderRadius: "inherit",
+      outline: "none",
+      _focusVisible: {
+        boxShadow: "outline"
+      },
+      _disabled: {
+        cursor: "disabled",
+        opacity: 0.5,
+        _hover: {
+          bg: "transparent",
+          _dark: {
+            bg: "transparent"
+          }
+        },
+        _active: {
+          bg: "transparent",
+          _dark: {
+            bg: "transparent"
+          }
+        }
+      }
+    },
+    header: {
+      display: "flex",
+      flexDirection: "row",
+      position: "sticky",
+      fontSize: "md",
+      fontWeight: "semibold",
+      color: "fg.muted"
+    },
+    cell: {
+      flexShrink: 0
+    }
   },
   variants: {
     interactive: {
@@ -3071,8 +3401,8 @@ var gridListSlotRecipe = defineSlotRecipe5({
 });
 
 // src/components/loading-overlay/loading-overlay.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe6 } from "@chakra-ui/react";
-var loadingOverlaySlotRecipe = defineSlotRecipe6({
+import { defineSlotRecipe as defineSlotRecipe9 } from "@chakra-ui/react";
+var loadingOverlaySlotRecipe = defineSlotRecipe9({
   className: "sui-loading-overlay",
   slots: ["root", "text"],
   base: {
@@ -3132,9 +3462,133 @@ var loadingOverlaySlotRecipe = defineSlotRecipe6({
   }
 });
 
+// src/components/menu/menu.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe10 } from "@chakra-ui/react";
+import { menuAnatomy } from "@chakra-ui/react/anatomy";
+var menuSlotRecipe = defineSlotRecipe10({
+  className: "chakra-menu",
+  slots: menuAnatomy.keys(),
+  base: {
+    content: {
+      layerStyle: "overlay",
+      boxShadow: "md",
+      borderWidth: "1px",
+      borderColor: "border",
+      outline: 0,
+      color: "fg",
+      maxHeight: "var(--available-height)",
+      "--menu-z-index": "zIndex.layer-3",
+      zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
+      overflow: "hidden",
+      _open: {
+        animationStyle: "slide-fade-in",
+        animationDuration: "fast"
+      },
+      _closed: {
+        animationStyle: "slide-fade-out",
+        animationDuration: "faster"
+      }
+    },
+    item: {
+      textDecoration: "none",
+      color: "fg",
+      userSelect: "none",
+      borderRadius: "control.md",
+      width: "100%",
+      display: "flex",
+      cursor: "menuitem",
+      alignItems: "center",
+      textAlign: "start",
+      position: "relative",
+      flex: "0 0 auto",
+      outline: 0,
+      _disabled: {
+        layerStyle: "disabled"
+      }
+    },
+    itemText: {
+      flex: "1"
+    },
+    itemGroupLabel: {
+      px: "2",
+      py: "1.5",
+      fontWeight: "semibold",
+      textStyle: "sm"
+    },
+    indicator: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: "0"
+    },
+    itemCommand: {
+      opacity: "0.6",
+      textStyle: "xs",
+      ms: "auto",
+      ps: "4",
+      letterSpacing: "widest"
+    },
+    separator: {
+      height: "1px",
+      bg: "bg.muted",
+      my: "1",
+      mx: "-1"
+    }
+  },
+  variants: {
+    variant: {
+      subtle: {
+        item: {
+          _highlighted: {
+            bg: "bg.subtle"
+          }
+        }
+      },
+      solid: {
+        item: {
+          _highlighted: {
+            bg: "colorPalette.solid",
+            color: "colorPalette.contrast"
+          }
+        }
+      }
+    },
+    size: {
+      sm: {
+        content: {
+          minW: "8rem",
+          padding: "0.5"
+        },
+        item: {
+          gap: "1",
+          textStyle: "xs",
+          py: "1",
+          px: "1.5"
+        }
+      },
+      md: {
+        content: {
+          minW: "8rem",
+          padding: "1"
+        },
+        item: {
+          gap: "2",
+          textStyle: "sm",
+          py: "1.5",
+          px: "2"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "subtle"
+  }
+});
+
 // src/components/navbar/navbar.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe7 } from "@chakra-ui/react";
-var navbarSlotRecipe = defineSlotRecipe7({
+import { defineSlotRecipe as defineSlotRecipe11 } from "@chakra-ui/react";
+var navbarSlotRecipe = defineSlotRecipe11({
   className: "sui-navbar",
   slots: ["root", "content", "brand", "item", "link"],
   base: {
@@ -3244,7 +3698,7 @@ var navbarSlotRecipe = defineSlotRecipe7({
 
 // src/components/persona/persona.recipe.ts
 import {
-  defineSlotRecipe as defineSlotRecipe8,
+  defineSlotRecipe as defineSlotRecipe12,
   defineStyle
 } from "@chakra-ui/react";
 var baseStyleLabel = defineStyle({
@@ -3254,7 +3708,7 @@ var baseStyleLabel = defineStyle({
   minW: 0,
   color: "fg"
 });
-var personaSlotRecipe = defineSlotRecipe8({
+var personaSlotRecipe = defineSlotRecipe12({
   className: "sui-persona",
   slots: [
     "root",
@@ -3353,10 +3807,97 @@ var personaSlotRecipe = defineSlotRecipe8({
   }
 });
 
+// src/components/popover/popover.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe13 } from "@chakra-ui/react";
+import { popoverAnatomy } from "@chakra-ui/react/anatomy";
+var popoverSlotRecipe = defineSlotRecipe13({
+  className: "chakra-popover",
+  slots: popoverAnatomy.keys(),
+  base: {
+    content: {
+      layerStyle: "overlay",
+      position: "relative",
+      display: "flex",
+      flexDirection: "column",
+      textStyle: "sm",
+      "--popover-bg": "colors.bg.panel",
+      bg: "var(--popover-bg)",
+      "--popover-size": "sizes.xs",
+      "--popover-mobile-size": "calc(100dvw - 1rem)",
+      width: {
+        base: "min(var(--popover-mobile-size), var(--popover-size))",
+        sm: "var(--popover-size)"
+      },
+      "--popover-z-index": "zIndex.layer-2",
+      zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
+      borderWidth: "1px",
+      outline: "0",
+      transformOrigin: "var(--transform-origin)",
+      _open: {
+        animationStyle: "scale-fade-in",
+        animationDuration: "fast"
+      },
+      _closed: {
+        animationStyle: "scale-fade-out",
+        animationDuration: "faster"
+      }
+    },
+    header: {
+      paddingInline: "var(--popover-padding)",
+      paddingTop: "var(--popover-padding)"
+    },
+    body: {
+      padding: "var(--popover-padding)",
+      flex: "1"
+    },
+    footer: {
+      display: "flex",
+      alignItems: "center",
+      paddingInline: "var(--popover-padding)",
+      paddingBottom: "var(--popover-padding)"
+    },
+    arrow: {
+      "--arrow-size": "sizes.3",
+      "--arrow-background": "var(--popover-bg)"
+    },
+    arrowTip: {
+      borderTopWidth: "1px",
+      borderInlineStartWidth: "1px"
+    }
+  },
+  variants: {
+    size: {
+      xs: {
+        content: {
+          "--popover-padding": "spacing.3"
+        }
+      },
+      sm: {
+        content: {
+          "--popover-padding": "spacing.4"
+        }
+      },
+      md: {
+        content: {
+          "--popover-padding": "spacing.5"
+        }
+      },
+      lg: {
+        content: {
+          "--popover-padding": "spacing.6"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
 // src/components/segmented-control/segment-group.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe9 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe14 } from "@chakra-ui/react";
 import { segmentGroupAnatomy } from "@chakra-ui/react/anatomy";
-var segmentGroupSlotRecipe = defineSlotRecipe9({
+var segmentGroupSlotRecipe = defineSlotRecipe14({
   className: "chakra-segment-group",
   slots: segmentGroupAnatomy.keys(),
   base: {
@@ -3480,8 +4021,8 @@ var segmentGroupSlotRecipe = defineSlotRecipe9({
 });
 
 // src/components/sidebar/sidebar-item.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe10 } from "@chakra-ui/react";
-var sidebarNavItemSlotRecipe = defineSlotRecipe10({
+import { defineSlotRecipe as defineSlotRecipe15 } from "@chakra-ui/react";
+var sidebarNavItemSlotRecipe = defineSlotRecipe15({
   className: "sui-sidebar-nav-item",
   slots: ["item", "button", "endElement"],
   base: {
@@ -3566,8 +4107,8 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe10({
 });
 
 // src/components/sidebar/sidebar.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe11 } from "@chakra-ui/react";
-var sidebarSlotRecipe = defineSlotRecipe11({
+import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
+var sidebarSlotRecipe = defineSlotRecipe16({
   className: "sui-sidebar",
   slots: [
     "root",
@@ -3803,9 +4344,9 @@ var sidebarSlotRecipe = defineSlotRecipe11({
 });
 
 // src/components/status/status.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe12 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
 import { statusAnatomy } from "@chakra-ui/react/anatomy";
-var statusSlotRecipe = defineSlotRecipe12({
+var statusSlotRecipe = defineSlotRecipe17({
   className: "chakra-status",
   slots: statusAnatomy.keys(),
   base: {
@@ -3849,15 +4390,15 @@ var statusSlotRecipe = defineSlotRecipe12({
 });
 
 // src/components/tabs/tabs.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe13 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
 import { tabsAnatomy } from "@chakra-ui/react/anatomy";
-var tabsSlotRecipe = defineSlotRecipe13({
+var tabsSlotRecipe = defineSlotRecipe18({
   slots: tabsAnatomy.keys(),
   className: "chakra-tabs",
   base: {
     root: {
       colorPalette: "gray",
-      "--tabs-trigger-radius": "radii.md",
+      "--tabs-trigger-radius": "radii.control.md",
       position: "relative",
       _horizontal: {
         display: "block"
@@ -4049,6 +4590,23 @@ var tabsSlotRecipe = defineSlotRecipe13({
           }
         }
       },
+      ghost: {
+        list: {
+          gap: 2
+        },
+        trigger: {
+          borderRadius: "var(--tabs-trigger-radius)",
+          color: "fg.muted",
+          _hover: {
+            bg: "bg.muted",
+            color: "fg.subtle"
+          },
+          _selected: {
+            bg: "colorPalette.subtle !important",
+            color: "colorPalette.fg !important"
+          }
+        }
+      },
       enclosed: {
         list: {
           bg: "bg.muted",
@@ -4146,11 +4704,11 @@ var tabsSlotRecipe = defineSlotRecipe13({
 });
 
 // src/components/tag/tag.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe14 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe19 } from "@chakra-ui/react";
 import { tagAnatomy } from "@chakra-ui/react/anatomy";
 var _a;
 var badgeVariant = (_a = badgeRecipe.variants) == null ? void 0 : _a.variant;
-var tagSlotRecipe = defineSlotRecipe14({
+var tagSlotRecipe = defineSlotRecipe19({
   slots: tagAnatomy.keys(),
   className: "chakra-tag",
   base: {
@@ -4302,9 +4860,9 @@ var tagSlotRecipe = defineSlotRecipe14({
 });
 
 // src/components/toaster/toast.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe15 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe20 } from "@chakra-ui/react";
 import { toastAnatomy } from "@chakra-ui/react/anatomy";
-var toastSlotRecipe = defineSlotRecipe15({
+var toastSlotRecipe = defineSlotRecipe20({
   slots: toastAnatomy.keys(),
   className: "chakra-toast",
   base: {
@@ -4393,10 +4951,64 @@ var toastSlotRecipe = defineSlotRecipe15({
   }
 });
 
+// src/components/tooltip/tooltip.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe21 } from "@chakra-ui/react";
+import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
+var tooltipSlotRecipe = defineSlotRecipe21({
+  slots: tooltipAnatomy.keys(),
+  className: "chakra-tooltip",
+  base: {
+    content: {
+      "--tooltip-bg": "colors.bg",
+      display: "flex",
+      alignItems: "center",
+      bg: "var(--tooltip-bg)",
+      color: "fg",
+      px: "2.5",
+      py: "1",
+      borderRadius: "l2",
+      fontWeight: "medium",
+      textStyle: "xs",
+      boxShadow: "md",
+      maxW: "xs",
+      zIndex: "tooltip",
+      transformOrigin: "var(--transform-origin)",
+      _open: {
+        animationStyle: "scale-fade-in",
+        animationDuration: "fast"
+      },
+      _closed: {
+        animationStyle: "scale-fade-out",
+        animationDuration: "fast"
+      }
+    },
+    arrow: {
+      "--arrow-size": "sizes.2",
+      "--arrow-background": "var(--tooltip-bg)",
+      zIndex: "-1"
+    },
+    arrowTip: {
+      borderTopWidth: "1px",
+      borderInlineStartWidth: "1px",
+      borderColor: "var(--tooltip-bg)"
+    }
+  },
+  variants: {
+    variant: {
+      inverted: {
+        content: {
+          "--tooltip-bg": "colors.bg.inverted",
+          color: "fg.inverted"
+        }
+      }
+    }
+  }
+});
+
 // src/theme/recipes/chakra/accordion.ts
-import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
 import { accordionAnatomy } from "@chakra-ui/react/anatomy";
-var accordionSlotRecipe = defineSlotRecipe16({
+var accordionSlotRecipe = defineSlotRecipe22({
   className: "chakra-accordion",
   slots: accordionAnatomy.keys(),
   base: {
@@ -4534,9 +5146,9 @@ var accordionSlotRecipe = defineSlotRecipe16({
 });
 
 // src/theme/recipes/chakra/action-bar.ts
-import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe23 } from "@chakra-ui/react";
 import { actionBarAnatomy } from "@chakra-ui/react/anatomy";
-var actionBarSlotRecipe = defineSlotRecipe17({
+var actionBarSlotRecipe = defineSlotRecipe23({
   className: "chakra-action-bar",
   slots: actionBarAnatomy.keys(),
   base: {
@@ -4592,9 +5204,9 @@ var actionBarSlotRecipe = defineSlotRecipe17({
 });
 
 // src/theme/recipes/chakra/alert.ts
-import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe24 } from "@chakra-ui/react";
 import { alertAnatomy } from "@chakra-ui/react/anatomy";
-var alertSlotRecipe = defineSlotRecipe18({
+var alertSlotRecipe = defineSlotRecipe24({
   slots: alertAnatomy.keys(),
   className: "chakra-alert",
   base: {
@@ -4741,9 +5353,9 @@ var alertSlotRecipe = defineSlotRecipe18({
 });
 
 // src/theme/recipes/chakra/blockquote.ts
-import { defineSlotRecipe as defineSlotRecipe19 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
 import { blockquoteAnatomy } from "@chakra-ui/react/anatomy";
-var blockquoteSlotRecipe = defineSlotRecipe19({
+var blockquoteSlotRecipe = defineSlotRecipe25({
   className: "chakra-blockquote",
   slots: blockquoteAnatomy.keys(),
   base: {
@@ -4820,9 +5432,9 @@ var blockquoteSlotRecipe = defineSlotRecipe19({
 });
 
 // src/theme/recipes/chakra/breadcrumb.ts
-import { defineSlotRecipe as defineSlotRecipe20 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe26 } from "@chakra-ui/react";
 import { breadcrumbAnatomy } from "@chakra-ui/react/anatomy";
-var breadcrumbSlotRecipe = defineSlotRecipe20({
+var breadcrumbSlotRecipe = defineSlotRecipe26({
   className: "chakra-breadcrumb",
   slots: breadcrumbAnatomy.keys(),
   base: {
@@ -4912,9 +5524,9 @@ var breadcrumbSlotRecipe = defineSlotRecipe20({
 });
 
 // src/theme/recipes/chakra/card.ts
-import { defineSlotRecipe as defineSlotRecipe21 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
 import { cardAnatomy } from "@chakra-ui/react/anatomy";
-var cardSlotRecipe = defineSlotRecipe21({
+var cardSlotRecipe = defineSlotRecipe27({
   className: "chakra-card",
   slots: cardAnatomy.keys(),
   base: {
@@ -5034,10 +5646,10 @@ var cardSlotRecipe = defineSlotRecipe21({
 });
 
 // src/theme/recipes/chakra/checkbox.ts
-import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react";
 import { checkboxAnatomy } from "@chakra-ui/react/anatomy";
 var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-var checkboxSlotRecipe = defineSlotRecipe22({
+var checkboxSlotRecipe = defineSlotRecipe28({
   slots: checkboxAnatomy.keys(),
   className: "chakra-checkbox",
   base: {
@@ -5099,10 +5711,10 @@ var checkboxSlotRecipe = defineSlotRecipe22({
 });
 
 // src/theme/recipes/chakra/checkbox-card.ts
-import { defineSlotRecipe as defineSlotRecipe23 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react";
 import { checkboxCardAnatomy } from "@chakra-ui/react/anatomy";
 var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
-var checkboxCardSlotRecipe = defineSlotRecipe23({
+var checkboxCardSlotRecipe = defineSlotRecipe29({
   slots: checkboxCardAnatomy.keys(),
   className: "chakra-checkbox-card",
   base: {
@@ -5302,9 +5914,9 @@ var checkboxCardSlotRecipe = defineSlotRecipe23({
 });
 
 // src/theme/recipes/chakra/collapsible.ts
-import { defineSlotRecipe as defineSlotRecipe24 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react";
 import { collapsibleAnatomy } from "@chakra-ui/react/anatomy";
-var collapsibleSlotRecipe = defineSlotRecipe24({
+var collapsibleSlotRecipe = defineSlotRecipe30({
   slots: collapsibleAnatomy.keys(),
   className: "chakra-collapsible",
   base: {
@@ -5322,88 +5934,8 @@ var collapsibleSlotRecipe = defineSlotRecipe24({
   }
 });
 
-// src/theme/recipes/chakra/data-list.ts
-import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
-import { dataListAnatomy } from "@chakra-ui/react/anatomy";
-var dataListSlotRecipe = defineSlotRecipe25({
-  slots: dataListAnatomy.keys(),
-  className: "chakra-data-list",
-  base: {
-    itemLabel: {
-      color: "fg.muted",
-      display: "flex",
-      alignItems: "center",
-      gap: "1"
-    },
-    itemValue: {
-      display: "flex",
-      minWidth: "0",
-      flex: "1"
-    }
-  },
-  variants: {
-    orientation: {
-      horizontal: {
-        root: {
-          display: "flex",
-          flexDirection: "column"
-        },
-        item: {
-          display: "inline-flex",
-          alignItems: "center",
-          gap: "4"
-        },
-        itemLabel: {
-          minWidth: "120px"
-        }
-      },
-      vertical: {
-        root: {
-          display: "flex",
-          flexDirection: "column"
-        },
-        item: {
-          display: "flex",
-          flexDirection: "column",
-          gap: "1"
-        }
-      }
-    },
-    size: {
-      sm: {
-        root: {
-          gap: "3"
-        },
-        item: {
-          textStyle: "xs"
-        }
-      },
-      md: {
-        root: {
-          gap: "4"
-        },
-        item: {
-          textStyle: "sm"
-        }
-      },
-      lg: {
-        root: {
-          gap: "5"
-        },
-        item: {
-          textStyle: "md"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    orientation: "vertical"
-  }
-});
-
 // src/theme/recipes/chakra/editable.ts
-import { defineSlotRecipe as defineSlotRecipe26, defineStyle as defineStyle2 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe31, defineStyle as defineStyle2 } from "@chakra-ui/react";
 import { editableAnatomy } from "@chakra-ui/react/anatomy";
 var sharedStyles = defineStyle2({
   fontSize: "inherit",
@@ -5412,7 +5944,7 @@ var sharedStyles = defineStyle2({
   bg: "transparent",
   borderRadius: "l2"
 });
-var editableSlotRecipe = defineSlotRecipe26({
+var editableSlotRecipe = defineSlotRecipe31({
   slots: editableAnatomy.keys(),
   className: "chakra-editable",
   base: {
@@ -5434,143 +5966,51 @@ var editableSlotRecipe = defineSlotRecipe26({
       cursor: "text",
       _hover: {
         bg: "bg.muted"
-      },
-      _disabled: {
-        userSelect: "none"
-      }
-    },
-    input: {
-      ...sharedStyles,
-      outline: "0",
-      py: "1",
-      px: "1",
-      transitionProperty: "common",
-      transitionDuration: "moderate",
-      width: "full",
-      focusVisibleRing: "inside",
-      focusRingWidth: "2px",
-      _placeholder: { opacity: 0.6 }
-    },
-    control: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: "1.5"
-    }
-  },
-  variants: {
-    size: {
-      sm: {
-        root: {
-          textStyle: "sm"
-        },
-        preview: { minH: "8" },
-        input: { minH: "8" }
-      },
-      md: {
-        root: {
-          textStyle: "sm"
-        },
-        preview: { minH: "9" },
-        input: { minH: "9" }
-      },
-      lg: {
-        root: {
-          textStyle: "md"
-        },
-        preview: { minH: "10" },
-        input: { minH: "10" }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-
-// src/theme/recipes/chakra/empty-state.ts
-import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
-import { emptyStateAnatomy } from "@chakra-ui/react/anatomy";
-var emptyStateSlotRecipe = defineSlotRecipe27({
-  slots: emptyStateAnatomy.keys(),
-  className: "chakra-empty-state",
-  base: {
-    root: {
-      width: "full",
-      height: "full",
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    content: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    indicator: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      color: "fg.subtle",
-      _icon: {
-        boxSize: "1em"
+      },
+      _disabled: {
+        userSelect: "none"
       }
     },
-    title: {
-      fontWeight: "semibold"
+    input: {
+      ...sharedStyles,
+      outline: "0",
+      py: "1",
+      px: "1",
+      transitionProperty: "common",
+      transitionDuration: "moderate",
+      width: "full",
+      focusVisibleRing: "inside",
+      focusRingWidth: "2px",
+      _placeholder: { opacity: 0.6 }
     },
-    description: {
-      textStyle: "sm",
-      color: "fg.muted"
+    control: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "1.5"
     }
   },
   variants: {
     size: {
       sm: {
         root: {
-          px: "4",
-          py: "6"
-        },
-        title: {
-          textStyle: "md"
-        },
-        content: {
-          gap: "4"
+          textStyle: "sm"
         },
-        indicator: {
-          textStyle: "2xl"
-        }
+        preview: { minH: "8" },
+        input: { minH: "8" }
       },
       md: {
         root: {
-          px: "8",
-          py: "12"
-        },
-        title: {
-          textStyle: "lg"
-        },
-        content: {
-          gap: "6"
+          textStyle: "sm"
         },
-        indicator: {
-          textStyle: "4xl"
-        }
+        preview: { minH: "9" },
+        input: { minH: "9" }
       },
       lg: {
         root: {
-          px: "12",
-          py: "16"
-        },
-        title: {
-          textStyle: "xl"
-        },
-        content: {
-          gap: "8"
+          textStyle: "md"
         },
-        indicator: {
-          textStyle: "6xl"
-        }
+        preview: { minH: "10" },
+        input: { minH: "10" }
       }
     }
   },
@@ -5580,9 +6020,9 @@ var emptyStateSlotRecipe = defineSlotRecipe27({
 });
 
 // src/theme/recipes/chakra/field.ts
-import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
 import { fieldAnatomy } from "@chakra-ui/react/anatomy";
-var fieldSlotRecipe = defineSlotRecipe28({
+var fieldSlotRecipe = defineSlotRecipe32({
   className: "chakra-field",
   slots: fieldAnatomy.keys(),
   base: {
@@ -5655,106 +6095,10 @@ var fieldSlotRecipe = defineSlotRecipe28({
   }
 });
 
-// src/theme/recipes/chakra/file-upload.ts
-import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react";
-import { fileUploadAnatomy } from "@chakra-ui/react/anatomy";
-var fileUploadSlotRecipe = defineSlotRecipe29({
-  className: "chakra-file-upload",
-  slots: fileUploadAnatomy.keys(),
-  base: {
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "4",
-      width: "100%",
-      alignItems: "flex-start"
-    },
-    label: {
-      fontWeight: "medium",
-      textStyle: "sm"
-    },
-    dropzone: {
-      background: "bg",
-      borderRadius: "l3",
-      borderWidth: "2px",
-      borderStyle: "dashed",
-      display: "flex",
-      alignItems: "center",
-      flexDirection: "column",
-      gap: "4",
-      justifyContent: "center",
-      minHeight: "2xs",
-      px: "3",
-      py: "2",
-      transition: "backgrounds",
-      focusVisibleRing: "outside",
-      _hover: {
-        bg: "bg.subtle"
-      },
-      _dragging: {
-        bg: "colorPalette.subtle",
-        borderStyle: "solid",
-        borderColor: "colorPalette.solid"
-      }
-    },
-    dropzoneContent: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      textAlign: "center",
-      gap: "1",
-      textStyle: "sm"
-    },
-    item: {
-      textStyle: "sm",
-      animationName: "fade-in",
-      animationDuration: "moderate",
-      background: "bg",
-      borderRadius: "l2",
-      borderWidth: "1px",
-      width: "100%",
-      display: "flex",
-      alignItems: "center",
-      gap: "3",
-      p: "4"
-    },
-    itemGroup: {
-      width: "100%",
-      display: "flex",
-      flexDirection: "column",
-      gap: "3"
-    },
-    itemName: {
-      color: "fg",
-      fontWeight: "medium",
-      lineClamp: "1"
-    },
-    itemContent: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "0.5",
-      flex: "1"
-    },
-    itemSizeText: {
-      color: "fg.muted",
-      textStyle: "xs"
-    },
-    itemDeleteTrigger: {
-      alignSelf: "flex-start"
-    },
-    itemPreviewImage: {
-      width: "10",
-      height: "10",
-      objectFit: "scale-down"
-    }
-  },
-  defaultVariants: {}
-});
-
 // src/theme/recipes/chakra/hover-card.ts
-import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react";
 import { hoverCardAnatomy } from "@chakra-ui/react/anatomy";
-var hoverCardSlotRecipe = defineSlotRecipe30({
+var hoverCardSlotRecipe = defineSlotRecipe33({
   className: "chakra-hover-card",
   slots: hoverCardAnatomy.keys(),
   base: {
@@ -5819,200 +6163,77 @@ var hoverCardSlotRecipe = defineSlotRecipe30({
 });
 
 // src/theme/recipes/chakra/list.ts
-import { defineSlotRecipe as defineSlotRecipe31 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
 import { listAnatomy } from "@chakra-ui/react/anatomy";
-var listSlotRecipe = defineSlotRecipe31({
-  className: "chakra-list",
-  slots: listAnatomy.keys(),
-  base: {
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--list-gap)",
-      "& :where(ul, ol)": {
-        marginTop: "var(--list-gap)"
-      }
-    },
-    item: {
-      whiteSpace: "normal",
-      display: "list-item"
-    },
-    indicator: {
-      marginEnd: "2",
-      minHeight: "1lh",
-      flexShrink: 0,
-      display: "inline-block",
-      verticalAlign: "middle"
-    }
-  },
-  variants: {
-    variant: {
-      marker: {
-        root: {
-          listStyle: "revert",
-          listStylePosition: "inside"
-        },
-        item: {
-          _marker: {
-            color: "fg.subtle"
-          }
-        }
-      },
-      plain: {
-        item: {
-          alignItems: "flex-start",
-          display: "inline-flex"
-        }
-      }
-    },
-    align: {
-      center: {
-        item: { alignItems: "center" }
-      },
-      start: {
-        item: { alignItems: "flex-start" }
-      },
-      end: {
-        item: { alignItems: "flex-end" }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "marker"
-  }
-});
-
-// src/theme/recipes/chakra/menu.ts
-import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
-import { menuAnatomy } from "@chakra-ui/react/anatomy";
-var menuSlotRecipe = defineSlotRecipe32({
-  className: "chakra-menu",
-  slots: menuAnatomy.keys(),
-  base: {
-    content: {
-      outline: 0,
-      bg: "bg.panel",
-      boxShadow: "lg",
-      color: "fg",
-      maxHeight: "var(--available-height)",
-      "--menu-z-index": "zIndex.dropdown",
-      zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
-      borderRadius: "l2",
-      overflow: "hidden",
-      _open: {
-        animationStyle: "slide-fade-in",
-        animationDuration: "fast"
-      },
-      _closed: {
-        animationStyle: "slide-fade-out",
-        animationDuration: "faster"
-      }
-    },
-    item: {
-      textDecoration: "none",
-      color: "fg",
-      userSelect: "none",
-      borderRadius: "l3",
-      width: "100%",
-      display: "flex",
-      cursor: "menuitem",
-      alignItems: "center",
-      textAlign: "start",
-      position: "relative",
-      flex: "0 0 auto",
-      outline: 0,
-      _disabled: {
-        layerStyle: "disabled"
+var listSlotRecipe = defineSlotRecipe34({
+  className: "chakra-list",
+  slots: listAnatomy.keys(),
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--list-gap)",
+      "& :where(ul, ol)": {
+        marginTop: "var(--list-gap)"
       }
     },
-    itemText: {
-      flex: "1"
-    },
-    itemGroupLabel: {
-      px: "2",
-      py: "1.5",
-      fontWeight: "semibold",
-      textStyle: "sm"
+    item: {
+      whiteSpace: "normal",
+      display: "list-item"
     },
     indicator: {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexShrink: "0"
-    },
-    itemCommand: {
-      opacity: "0.6",
-      textStyle: "xs",
-      ms: "auto",
-      ps: "4",
-      letterSpacing: "widest"
-    },
-    separator: {
-      height: "1px",
-      bg: "bg.muted",
-      my: "1",
-      mx: "-1"
+      marginEnd: "2",
+      minHeight: "1lh",
+      flexShrink: 0,
+      display: "inline-block",
+      verticalAlign: "middle"
     }
   },
   variants: {
     variant: {
-      subtle: {
+      marker: {
+        root: {
+          listStyle: "revert",
+          listStylePosition: "inside"
+        },
         item: {
-          _highlighted: {
-            bg: "bg.subtle"
+          _marker: {
+            color: "fg.subtle"
           }
         }
       },
-      solid: {
+      plain: {
         item: {
-          _highlighted: {
-            bg: "colorPalette.solid",
-            color: "colorPalette.contrast"
-          }
+          alignItems: "flex-start",
+          display: "inline-flex"
         }
       }
     },
-    size: {
-      sm: {
-        content: {
-          minW: "8rem",
-          padding: "1"
-        },
-        item: {
-          gap: "1",
-          textStyle: "xs",
-          py: "1",
-          px: "1.5"
-        }
+    align: {
+      center: {
+        item: { alignItems: "center" }
       },
-      md: {
-        content: {
-          minW: "8rem",
-          padding: "1.5"
-        },
-        item: {
-          gap: "2",
-          textStyle: "sm",
-          py: "1.5",
-          px: "2"
-        }
+      start: {
+        item: { alignItems: "flex-start" }
+      },
+      end: {
+        item: { alignItems: "flex-end" }
       }
     }
   },
   defaultVariants: {
-    size: "md",
-    variant: "subtle"
+    variant: "marker"
   }
 });
 
 // src/theme/recipes/chakra/native-select.ts
-import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react";
 import { nativeSelectAnatomy } from "@chakra-ui/react/anatomy";
 
 // src/theme/recipes/chakra/select.ts
-import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe35 } from "@chakra-ui/react";
 import { selectAnatomy } from "@chakra-ui/react/anatomy";
-var selectSlotRecipe = defineSlotRecipe33({
+var selectSlotRecipe = defineSlotRecipe35({
   className: "chakra-select",
   slots: selectAnatomy.keys(),
   base: {
@@ -6297,7 +6518,7 @@ var selectSlotRecipe = defineSlotRecipe33({
 
 // src/theme/recipes/chakra/native-select.ts
 var _a4, _b3;
-var nativeSelectSlotRecipe = defineSlotRecipe34({
+var nativeSelectSlotRecipe = defineSlotRecipe36({
   className: "chakra-native-select",
   slots: nativeSelectAnatomy.keys(),
   base: {
@@ -6430,7 +6651,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe34({
 });
 
 // src/theme/recipes/chakra/number-input.ts
-import { defineSlotRecipe as defineSlotRecipe35, defineStyle as defineStyle3 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe37, defineStyle as defineStyle3 } from "@chakra-ui/react";
 import { numberInputAnatomy } from "@chakra-ui/react/anatomy";
 
 // src/theme/utils.ts
@@ -6445,9 +6666,6 @@ function mapEntries(obj, f) {
 function scaleToken(value) {
   return `calc(${value} * var(--scale-factor))`;
 }
-function radiusToken(value) {
-  return `calc(${value} * var(--scale-factor) * var(--radius-factor))`;
-}
 
 // src/theme/recipes/chakra/number-input.ts
 var triggerStyle = defineStyle3({
@@ -6474,7 +6692,7 @@ var triggerStyle = defineStyle3({
     bg: "bg.emphasized"
   }
 });
-var numberInputSlotRecipe = defineSlotRecipe35({
+var numberInputSlotRecipe = defineSlotRecipe37({
   className: "chakra-number-input",
   slots: numberInputAnatomy.keys(),
   base: {
@@ -6559,10 +6777,10 @@ var numberInputSlotRecipe = defineSlotRecipe35({
 });
 
 // src/theme/recipes/chakra/pin-input.ts
-import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react";
 import { pinInputAnatomy } from "@chakra-ui/react/anatomy";
 var { variants: variants2, defaultVariants: defaultVariants2 } = inputRecipe;
-var pinInputSlotRecipe = defineSlotRecipe36({
+var pinInputSlotRecipe = defineSlotRecipe38({
   className: "chakra-pin-input",
   slots: pinInputAnatomy.keys(),
   base: {
@@ -6590,97 +6808,10 @@ var pinInputSlotRecipe = defineSlotRecipe36({
   defaultVariants: defaultVariants2
 });
 
-// src/theme/recipes/chakra/popover.ts
-import { defineSlotRecipe as defineSlotRecipe37 } from "@chakra-ui/react";
-import { popoverAnatomy } from "@chakra-ui/react/anatomy";
-var popoverSlotRecipe = defineSlotRecipe37({
-  className: "chakra-popover",
-  slots: popoverAnatomy.keys(),
-  base: {
-    content: {
-      position: "relative",
-      display: "flex",
-      flexDirection: "column",
-      textStyle: "sm",
-      "--popover-bg": "colors.bg.panel",
-      bg: "var(--popover-bg)",
-      boxShadow: "lg",
-      "--popover-size": "sizes.xs",
-      "--popover-mobile-size": "calc(100dvw - 1rem)",
-      width: {
-        base: "min(var(--popover-mobile-size), var(--popover-size))",
-        sm: "var(--popover-size)"
-      },
-      borderRadius: "l3",
-      "--popover-z-index": "zIndex.popover",
-      zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
-      outline: "0",
-      transformOrigin: "var(--transform-origin)",
-      _open: {
-        animationStyle: "scale-fade-in",
-        animationDuration: "fast"
-      },
-      _closed: {
-        animationStyle: "scale-fade-out",
-        animationDuration: "faster"
-      }
-    },
-    header: {
-      paddingInline: "var(--popover-padding)",
-      paddingTop: "var(--popover-padding)"
-    },
-    body: {
-      padding: "var(--popover-padding)",
-      flex: "1"
-    },
-    footer: {
-      display: "flex",
-      alignItems: "center",
-      paddingInline: "var(--popover-padding)",
-      paddingBottom: "var(--popover-padding)"
-    },
-    arrow: {
-      "--arrow-size": "sizes.3",
-      "--arrow-background": "var(--popover-bg)"
-    },
-    arrowTip: {
-      borderTopWidth: "1px",
-      borderInlineStartWidth: "1px"
-    }
-  },
-  variants: {
-    size: {
-      xs: {
-        content: {
-          "--popover-padding": "spacing.3"
-        }
-      },
-      sm: {
-        content: {
-          "--popover-padding": "spacing.4"
-        }
-      },
-      md: {
-        content: {
-          "--popover-padding": "spacing.5"
-        }
-      },
-      lg: {
-        content: {
-          "--popover-padding": "spacing.6"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-
 // src/theme/recipes/chakra/progress.ts
-import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
 import { progressAnatomy } from "@chakra-ui/react/anatomy";
-var progressSlotRecipe = defineSlotRecipe38({
+var progressSlotRecipe = defineSlotRecipe39({
   slots: progressAnatomy.keys(),
   className: "chakra-progress",
   base: {
@@ -6800,9 +6931,9 @@ var progressSlotRecipe = defineSlotRecipe38({
 });
 
 // src/theme/recipes/chakra/progress-circle.ts
-import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
 import { progressAnatomy as progressAnatomy2 } from "@chakra-ui/react/anatomy";
-var progressCircleSlotRecipe = defineSlotRecipe39({
+var progressCircleSlotRecipe = defineSlotRecipe40({
   className: "chakra-progress-circle",
   slots: progressAnatomy2.keys(),
   base: {
@@ -6893,10 +7024,10 @@ var progressCircleSlotRecipe = defineSlotRecipe39({
 });
 
 // src/theme/recipes/chakra/radio-card.ts
-import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react";
 import { radioCardAnatomy } from "@chakra-ui/react/anatomy";
 var _a5, _b4, _c3, _d3, _e3, _f3, _g3;
-var radioCardSlotRecipe = defineSlotRecipe40({
+var radioCardSlotRecipe = defineSlotRecipe41({
   className: "chakra-radio-card",
   slots: radioCardAnatomy.keys(),
   base: {
@@ -7104,10 +7235,10 @@ var radioCardSlotRecipe = defineSlotRecipe40({
 });
 
 // src/theme/recipes/chakra/radio-group.ts
-import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react";
 import { radioGroupAnatomy } from "@chakra-ui/react/anatomy";
 var _a6, _b5, _c4, _d4, _e4, _f4, _g4, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
-var radioGroupSlotRecipe = defineSlotRecipe41({
+var radioGroupSlotRecipe = defineSlotRecipe42({
   className: "chakra-radio-group",
   slots: radioGroupAnatomy.keys(),
   base: {
@@ -7167,9 +7298,9 @@ var radioGroupSlotRecipe = defineSlotRecipe41({
 });
 
 // src/theme/recipes/chakra/rating-group.ts
-import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
 import { ratingGroupAnatomy } from "@chakra-ui/react/anatomy";
-var ratingGroupSlotRecipe = defineSlotRecipe42({
+var ratingGroupSlotRecipe = defineSlotRecipe43({
   className: "chakra-rating-group",
   slots: ratingGroupAnatomy.keys(),
   base: {
@@ -7252,9 +7383,9 @@ var ratingGroupSlotRecipe = defineSlotRecipe42({
 });
 
 // src/theme/recipes/chakra/slider.ts
-import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
 import { sliderAnatomy } from "@chakra-ui/react/anatomy";
-var sliderSlotRecipe = defineSlotRecipe43({
+var sliderSlotRecipe = defineSlotRecipe44({
   className: "chakra-slider",
   slots: sliderAnatomy.keys(),
   base: {
@@ -7429,9 +7560,9 @@ var sliderSlotRecipe = defineSlotRecipe43({
 });
 
 // src/theme/recipes/chakra/stat.ts
-import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
 import { statAnatomy } from "@chakra-ui/react/anatomy";
-var statSlotRecipe = defineSlotRecipe44({
+var statSlotRecipe = defineSlotRecipe45({
   className: "chakra-stat",
   slots: statAnatomy.keys(),
   base: {
@@ -7507,9 +7638,9 @@ var statSlotRecipe = defineSlotRecipe44({
 });
 
 // src/theme/recipes/chakra/steps.ts
-import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
 import { stepsAnatomy } from "@chakra-ui/react/anatomy";
-var stepsSlotRecipe = defineSlotRecipe45({
+var stepsSlotRecipe = defineSlotRecipe46({
   className: "chakra-steps",
   slots: stepsAnatomy.keys(),
   base: {
@@ -7722,9 +7853,9 @@ var stepsSlotRecipe = defineSlotRecipe45({
 });
 
 // src/theme/recipes/chakra/switch.ts
-import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
 import { switchAnatomy } from "@chakra-ui/react/anatomy";
-var switchSlotRecipe = defineSlotRecipe46({
+var switchSlotRecipe = defineSlotRecipe47({
   slots: switchAnatomy.keys(),
   className: "chakra-switch",
   base: {
@@ -7880,9 +8011,9 @@ var switchSlotRecipe = defineSlotRecipe46({
 });
 
 // src/theme/recipes/chakra/table.ts
-import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
 import { tableAnatomy } from "@chakra-ui/react/anatomy";
-var tableSlotRecipe = defineSlotRecipe47({
+var tableSlotRecipe = defineSlotRecipe48({
   className: "chakra-table",
   slots: tableAnatomy.keys(),
   base: {
@@ -8043,9 +8174,9 @@ var tableSlotRecipe = defineSlotRecipe47({
 });
 
 // src/theme/recipes/chakra/timeline.ts
-import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
 import { timelineAnatomy } from "@chakra-ui/react/anatomy";
-var timelineSlotRecipe = defineSlotRecipe48({
+var timelineSlotRecipe = defineSlotRecipe49({
   slots: timelineAnatomy.keys(),
   className: "chakra-timeline",
   base: {
@@ -8178,60 +8309,6 @@ var timelineSlotRecipe = defineSlotRecipe48({
   }
 });
 
-// src/theme/recipes/chakra/tooltip.ts
-import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
-import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
-var tooltipSlotRecipe = defineSlotRecipe49({
-  slots: tooltipAnatomy.keys(),
-  className: "chakra-tooltip",
-  base: {
-    content: {
-      "--tooltip-bg": "colors.bg",
-      display: "flex",
-      alignItems: "center",
-      bg: "var(--tooltip-bg)",
-      color: "fg",
-      px: "2.5",
-      py: "1",
-      borderRadius: "l2",
-      fontWeight: "medium",
-      textStyle: "xs",
-      boxShadow: "md",
-      maxW: "xs",
-      zIndex: "tooltip",
-      transformOrigin: "var(--transform-origin)",
-      _open: {
-        animationStyle: "scale-fade-in",
-        animationDuration: "fast"
-      },
-      _closed: {
-        animationStyle: "scale-fade-out",
-        animationDuration: "fast"
-      }
-    },
-    arrow: {
-      "--arrow-size": "sizes.2",
-      "--arrow-background": "var(--tooltip-bg)",
-      zIndex: "-1"
-    },
-    arrowTip: {
-      borderTopWidth: "1px",
-      borderInlineStartWidth: "1px",
-      borderColor: "var(--tooltip-bg)"
-    }
-  },
-  variants: {
-    variant: {
-      inverted: {
-        content: {
-          "--tooltip-bg": "colors.bg.inverted",
-          color: "fg.inverted"
-        }
-      }
-    }
-  }
-});
-
 // src/theme/slot-recipes.ts
 var slotRecipes = {
   // Chakra UI Recipes
@@ -8645,17 +8722,17 @@ var lineHeights = defineTokens12.lineHeights({
 import { defineTokens as defineTokens13 } from "@chakra-ui/react";
 var radii = defineTokens13.radii({
   "2xs": {
-    value: radiusToken("0.0625rem")
-  },
-  xs: { value: radiusToken("0.125rem") },
-  sm: { value: radiusToken("0.25rem") },
-  md: { value: radiusToken("0.375rem") },
-  lg: { value: radiusToken("0.5rem") },
-  xl: { value: radiusToken("0.75rem") },
-  "2xl": { value: radiusToken("1rem") },
-  "3xl": { value: radiusToken("1.5rem") },
-  "4xl": { value: radiusToken("2rem") },
-  full: { value: "var(--radius-full)" }
+    value: "0.0625rem"
+  },
+  xs: { value: "0.125rem" },
+  sm: { value: "0.25rem" },
+  md: { value: "0.375rem" },
+  lg: { value: "0.5rem" },
+  xl: { value: "0.75rem" },
+  "2xl": { value: "1rem" },
+  "3xl": { value: "1.5rem" },
+  "4xl": { value: "2rem" },
+  full: { value: "9999px" }
 });
 
 // src/theme/tokens/sizes.ts
@@ -8918,9 +8995,10 @@ export {
   CloseButton,
   Command,
   DataList,
-  namespace_exports as Dialog,
-  namespace_exports2 as Drawer,
+  dialog_exports as Dialog,
+  drawer_exports as Drawer,
   EmptyState,
+  file_upload_exports as FileUpload,
   grid_list_exports as GridList,
   IconBadge,
   IconButton,
@@ -8935,11 +9013,12 @@ export {
   Persona,
   PersonaAvatar,
   PinInput,
+  popover_exports as Popover,
   Radio,
   RadioGroup,
   SearchInput,
   SegmentedControl,
-  namespace_exports3 as Select,
+  namespace_exports as Select,
   sidebar_exports as Sidebar,
   Spinner,
   Status,