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

package/dist/index.js

@@ -1,28 +1,51 @@
 import {
   Status
 } from "./chunk-YKSY7UOM.js";
+import {
+  Toaster,
+  toast
+} from "./chunk-RLIAFHVM.js";
+import {
+  Tooltip
+} from "./chunk-QSNSWCTM.js";
+import {
+  colors
+} from "./chunk-3MO37LYW.js";
+import {
+  namespace_exports
+} from "./chunk-3JZ42NYM.js";
+import {
+  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 {
   Tag
 } from "./chunk-IEWHAXXU.js";
 import {
-  Toaster,
-  toast
-} from "./chunk-HELHPHIQ.js";
-import {
-  Tooltip
-} from "./chunk-QSNSWCTM.js";
+  NumberInput
+} from "./chunk-S5J6REMC.js";
 import {
-  colors
-} from "./chunk-3MO37LYW.js";
+  pagination_exports
+} from "./chunk-MLJN6IOJ.js";
 import {
   PasswordInput
-} from "./chunk-CD2JUFI2.js";
+} from "./chunk-K2SPPLAY.js";
 import {
   Persona,
   PersonaAvatar,
@@ -31,6 +54,9 @@ import {
 import {
   PinInput
 } from "./chunk-2EUACKRH.js";
+import {
+  popover_exports
+} from "./chunk-KE5AC3TZ.js";
 import {
   Radio,
   RadioGroup
@@ -39,17 +65,14 @@ import {
   SearchInput
 } from "./chunk-46ISJZBS.js";
 import {
-  SegmentedControl
-} from "./chunk-SKXSBAOS.js";
+  IconButton
+} from "./chunk-MS2ELLDY.js";
 import {
-  namespace_exports as namespace_exports3
-} from "./chunk-BU7QENBQ.js";
+  IconBadge
+} from "./chunk-I2RXEKTB.js";
 import {
-  sidebar_exports,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles
-} from "./chunk-U23VDAWJ.js";
+  InputGroup
+} from "./chunk-PKI6YH2V.js";
 import {
   Link
 } from "./chunk-TZBAM4AD.js";
@@ -74,50 +97,43 @@ import {
   useSui
 } from "./chunk-O2WVT2BP.js";
 import {
-  NumberInput
-} from "./chunk-S5J6REMC.js";
+  Command
+} from "./chunk-UASXI64E.js";
 import {
-  InputGroup
-} from "./chunk-PKI6YH2V.js";
+  DataList,
+  useDataListStyles
+} from "./chunk-52XM5VXJ.js";
 import {
-  pagination_exports
-} from "./chunk-MLJN6IOJ.js";
+  drawer_exports
+} from "./chunk-6MMPBMKN.js";
 import {
-  Command
-} from "./chunk-UASXI64E.js";
+  EmptyState
+} from "./chunk-NGGISORT.js";
 import {
-  namespace_exports
-} from "./chunk-EQ7Q6HRE.js";
+  dialog_exports
+} from "./chunk-CZVNG73V.js";
+import "./chunk-JMYI6YXR.js";
 import {
-  namespace_exports as namespace_exports2
-} from "./chunk-VJ4NCA6R.js";
+  file_upload_exports
+} from "./chunk-GRUMUCSL.js";
 import {
   CloseButton
-} from "./chunk-BKYGKH3L.js";
+} from "./chunk-YXGJOOMM.js";
 import "./chunk-4TPVIHNO.js";
-import {
-  EmptyState
-} from "./chunk-FJFNGSPL.js";
 import {
   grid_list_exports
 } from "./chunk-NSD5HRIP.js";
-import {
-  IconBadge
-} from "./chunk-I2RXEKTB.js";
-import {
-  IconButton
-} from "./chunk-MS2ELLDY.js";
 import {
   AppShell
 } from "./chunk-6ZNR6N2K.js";
-import {
-  Badge
-} from "./chunk-INV6RT5B.js";
 import "./chunk-YHQ5JGCC.js";
 import {
   Avatar,
   AvatarGroup
 } from "./chunk-JO4WJVYO.js";
+import {
+  Badge
+} from "./chunk-INV6RT5B.js";
 import {
   breadcrumb_exports
 } from "./chunk-TT4C5VXB.js";
@@ -222,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",
@@ -259,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",
@@ -273,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"
   }
 });
 
@@ -421,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)"
+    }
   }
 });
 
@@ -1661,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}" }
     },
@@ -2268,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
@@ -2276,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}"
     }
   },
@@ -2503,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,
@@ -2534,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"
@@ -2545,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"
       },
@@ -2728,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,
@@ -2756,6 +2879,7 @@ var drawerSlotRecipe = defineSlotRecipe4({
       width: "100vw",
       height: "100dvh",
       position: "fixed",
+      padding: 2,
       insetInlineStart: 0,
       top: 0,
       zIndex: "modal",
@@ -2767,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"
@@ -2908,72 +3032,288 @@ 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"
+      width: "full",
+      height: "full",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center"
     },
-    item: {
+    content: {
       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: {
+    indicator: {
       display: "flex",
-      flexDirection: "row",
-      position: "sticky",
-      fontSize: "md",
-      fontWeight: "semibold",
+      alignItems: "center",
+      justifyContent: "center",
+      color: "colorPalette.solid",
+      _icon: {
+        boxSize: "1em"
+      }
+    },
+    title: {
+      fontWeight: "semibold"
+    },
+    description: {
+      textStyle: "sm",
       color: "fg.muted"
     },
-    cell: {
-      flexShrink: 0
+    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: {
@@ -3061,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: {
@@ -3122,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: {
@@ -3234,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({
@@ -3244,7 +3708,7 @@ var baseStyleLabel = defineStyle({
   minW: 0,
   color: "fg"
 });
-var personaSlotRecipe = defineSlotRecipe8({
+var personaSlotRecipe = defineSlotRecipe12({
   className: "sui-persona",
   slots: [
     "root",
@@ -3287,54 +3751,267 @@ var personaSlotRecipe = defineSlotRecipe8({
       ...baseStyleLabel,
       color: "fg/60"
     },
-    tertiaryLabel: {
-      ...baseStyleLabel,
-      color: "fg/60"
+    tertiaryLabel: {
+      ...baseStyleLabel,
+      color: "fg/60"
+    }
+  },
+  variants: {
+    size: {
+      "2xs": {
+        details: { ms: 1 },
+        label: { fontSize: "xs" },
+        secondaryLabel: { display: "none" },
+        tertiaryLabel: { display: "none" }
+      },
+      xs: {
+        details: { ms: 1.5 },
+        label: { fontSize: "xs" },
+        secondaryLabel: { display: "none" },
+        tertiaryLabel: { display: "none" }
+      },
+      sm: {
+        details: { ms: 2 },
+        label: { fontSize: "sm" },
+        secondaryLabel: { fontSize: "xs" },
+        tertiaryLabel: { display: "none" }
+      },
+      md: {
+        details: { ms: 2 },
+        label: { fontSize: "sm" },
+        secondaryLabel: { fontSize: "xs" },
+        tertiaryLabel: { display: "none" }
+      },
+      lg: {
+        details: { ms: 3 },
+        label: { fontSize: "md" },
+        secondaryLabel: { fontSize: "sm" },
+        tertiaryLabel: { fontSize: "sm" }
+      },
+      xl: {
+        details: { ms: 4 },
+        label: { fontSize: "lg" },
+        secondaryLabel: { fontSize: "md" },
+        tertiaryLabel: { fontSize: "md" }
+      },
+      "2xl": {
+        details: { ms: 4 },
+        label: { fontSize: "xl" },
+        secondaryLabel: { fontSize: "lg" },
+        tertiaryLabel: { fontSize: "lg" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// 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 defineSlotRecipe14 } from "@chakra-ui/react";
+import { segmentGroupAnatomy } from "@chakra-ui/react/anatomy";
+var segmentGroupSlotRecipe = defineSlotRecipe14({
+  className: "chakra-segment-group",
+  slots: segmentGroupAnatomy.keys(),
+  base: {
+    root: {
+      "--segment-radius": "radii.md",
+      borderRadius: "md",
+      display: "inline-flex",
+      boxShadow: "inset",
+      minW: "max-content",
+      textAlign: "center",
+      position: "relative",
+      isolation: "isolate",
+      bg: "bg.muted",
+      borderWidth: "1px"
+    },
+    item: {
+      display: "flex",
+      alignItems: "center",
+      userSelect: "none",
+      fontSize: "sm",
+      position: "relative",
+      color: "fg.subtle",
+      cursor: "button",
+      borderRadius: "var(--segment-radius)",
+      _disabled: {
+        opacity: "0.5"
+      },
+      _hover: {
+        color: "fg"
+      },
+      "&:has(input:focus-visible)": {
+        focusRing: "inside",
+        focusRingWidth: "1px"
+      },
+      _before: {
+        content: '""',
+        position: "absolute",
+        insetInlineStart: 0,
+        insetBlock: "0",
+        bg: "border",
+        width: "1px",
+        transition: "opacity 0.2s"
+      },
+      _checked: {
+        color: "fg"
+      },
+      "& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type": {
+        _before: {
+          opacity: "0"
+        }
+      },
+      "&[data-state=checked][data-ssr]": {
+        shadow: "sm",
+        bg: "bg",
+        color: "fg",
+        borderRadius: "var(--segment-radius)"
+      }
+    },
+    indicator: {
+      shadow: "sm",
+      pos: "absolute",
+      bg: {
+        base: "bg",
+        _dark: "bg.emphasized"
+      },
+      width: "var(--width)",
+      height: "var(--height)",
+      top: "var(--top)",
+      left: "var(--left)",
+      zIndex: -1,
+      borderRadius: "var(--segment-radius)"
     }
   },
   variants: {
     size: {
-      "2xs": {
-        details: { ms: 1 },
-        label: { fontSize: "xs" },
-        secondaryLabel: { display: "none" },
-        tertiaryLabel: { display: "none" }
-      },
       xs: {
-        details: { ms: 1.5 },
-        label: { fontSize: "xs" },
-        secondaryLabel: { display: "none" },
-        tertiaryLabel: { display: "none" }
+        root: {
+          height: "6"
+        },
+        item: {
+          textStyle: "xs",
+          px: "3",
+          gap: "1"
+        }
       },
       sm: {
-        details: { ms: 2 },
-        label: { fontSize: "sm" },
-        secondaryLabel: { fontSize: "xs" },
-        tertiaryLabel: { display: "none" }
+        root: {
+          height: "7"
+        },
+        item: {
+          textStyle: "sm",
+          px: "4",
+          gap: "2"
+        }
       },
       md: {
-        details: { ms: 2 },
-        label: { fontSize: "sm" },
-        secondaryLabel: { fontSize: "xs" },
-        tertiaryLabel: { display: "none" }
+        root: {
+          height: "8"
+        },
+        item: {
+          textStyle: "md",
+          px: "4",
+          gap: "2"
+        }
       },
       lg: {
-        details: { ms: 3 },
-        label: { fontSize: "md" },
-        secondaryLabel: { fontSize: "sm" },
-        tertiaryLabel: { fontSize: "sm" }
-      },
-      xl: {
-        details: { ms: 4 },
-        label: { fontSize: "lg" },
-        secondaryLabel: { fontSize: "md" },
-        tertiaryLabel: { fontSize: "md" }
-      },
-      "2xl": {
-        details: { ms: 4 },
-        label: { fontSize: "xl" },
-        secondaryLabel: { fontSize: "lg" },
-        tertiaryLabel: { fontSize: "lg" }
+        root: {
+          height: "10"
+        },
+        item: {
+          textStyle: "md",
+          px: "5",
+          gap: "3"
+        }
       }
     }
   },
@@ -3344,8 +4021,8 @@ var personaSlotRecipe = defineSlotRecipe8({
 });
 
 // src/components/sidebar/sidebar-item.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe9 } from "@chakra-ui/react";
-var sidebarNavItemSlotRecipe = defineSlotRecipe9({
+import { defineSlotRecipe as defineSlotRecipe15 } from "@chakra-ui/react";
+var sidebarNavItemSlotRecipe = defineSlotRecipe15({
   className: "sui-sidebar-nav-item",
   slots: ["item", "button", "endElement"],
   base: {
@@ -3430,8 +4107,8 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe9({
 });
 
 // src/components/sidebar/sidebar.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe10 } from "@chakra-ui/react";
-var sidebarSlotRecipe = defineSlotRecipe10({
+import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
+var sidebarSlotRecipe = defineSlotRecipe16({
   className: "sui-sidebar",
   slots: [
     "root",
@@ -3667,9 +4344,9 @@ var sidebarSlotRecipe = defineSlotRecipe10({
 });
 
 // src/components/status/status.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe11 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
 import { statusAnatomy } from "@chakra-ui/react/anatomy";
-var statusSlotRecipe = defineSlotRecipe11({
+var statusSlotRecipe = defineSlotRecipe17({
   className: "chakra-status",
   slots: statusAnatomy.keys(),
   base: {
@@ -3679,45 +4356,359 @@ var statusSlotRecipe = defineSlotRecipe11({
       alignItems: "center",
       gap: "2"
     },
-    indicator: {
-      width: "0.64em",
-      height: "0.64em",
-      flexShrink: 0,
-      borderRadius: "full",
-      forcedColorAdjust: "none",
-      bg: "colorPalette.solid"
-    }
-  },
-  variants: {
+    indicator: {
+      width: "0.64em",
+      height: "0.64em",
+      flexShrink: 0,
+      borderRadius: "full",
+      forcedColorAdjust: "none",
+      bg: "colorPalette.solid"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: {
+          textStyle: "xs"
+        }
+      },
+      md: {
+        root: {
+          textStyle: "sm"
+        }
+      },
+      lg: {
+        root: {
+          textStyle: "md"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// src/components/tabs/tabs.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
+import { tabsAnatomy } from "@chakra-ui/react/anatomy";
+var tabsSlotRecipe = defineSlotRecipe18({
+  slots: tabsAnatomy.keys(),
+  className: "chakra-tabs",
+  base: {
+    root: {
+      colorPalette: "gray",
+      "--tabs-trigger-radius": "radii.control.md",
+      position: "relative",
+      _horizontal: {
+        display: "block"
+      },
+      _vertical: {
+        display: "flex"
+      }
+    },
+    list: {
+      display: "inline-flex",
+      position: "relative",
+      isolation: "isolate",
+      "--tabs-indicator-shadow": "shadows.xs",
+      "--tabs-indicator-bg": "colors.bg",
+      minH: "var(--tabs-height)",
+      _horizontal: {
+        flexDirection: "row"
+      },
+      _vertical: {
+        flexDirection: "column"
+      }
+    },
+    trigger: {
+      outline: "0",
+      minW: "var(--tabs-height)",
+      height: "var(--tabs-height)",
+      display: "flex",
+      alignItems: "center",
+      fontWeight: "medium",
+      position: "relative",
+      cursor: "button",
+      gap: "2",
+      _focusVisible: {
+        zIndex: 1,
+        focusVisibleRing: "outside"
+      },
+      _disabled: {
+        cursor: "not-allowed",
+        opacity: 0.5
+      }
+    },
+    content: {
+      focusVisibleRing: "inside",
+      _horizontal: {
+        width: "100%",
+        pt: "var(--tabs-content-padding)"
+      },
+      _vertical: {
+        height: "100%",
+        ps: "var(--tabs-content-padding)"
+      }
+    },
+    indicator: {
+      width: "var(--width)",
+      height: "var(--height)",
+      borderRadius: "var(--tabs-indicator-radius)",
+      bg: "var(--tabs-indicator-bg)",
+      shadow: "var(--tabs-indicator-shadow)",
+      zIndex: -1
+    }
+  },
+  variants: {
+    fitted: {
+      true: {
+        list: {
+          display: "flex"
+        },
+        trigger: {
+          flex: 1,
+          textAlign: "center",
+          justifyContent: "center"
+        }
+      }
+    },
+    justify: {
+      start: {
+        list: {
+          justifyContent: "flex-start"
+        }
+      },
+      center: {
+        list: {
+          justifyContent: "center"
+        }
+      },
+      end: {
+        list: {
+          justifyContent: "flex-end"
+        }
+      }
+    },
     size: {
-      sm: {
+      xs: {
         root: {
+          "--tabs-height": "sizes.6",
+          "--tabs-content-padding": "spacing.2"
+        },
+        trigger: {
+          py: "1",
+          px: "2",
           textStyle: "xs"
         }
       },
+      sm: {
+        root: {
+          "--tabs-height": "sizes.7",
+          "--tabs-content-padding": "spacing.3"
+        },
+        trigger: {
+          py: "1",
+          px: "3",
+          textStyle: "sm"
+        }
+      },
       md: {
         root: {
+          "--tabs-height": "sizes.8",
+          "--tabs-content-padding": "spacing.4"
+        },
+        trigger: {
+          py: "2",
+          px: "4",
           textStyle: "sm"
         }
       },
       lg: {
         root: {
+          "--tabs-height": "sizes.10",
+          "--tabs-content-padding": "spacing.4.5"
+        },
+        trigger: {
+          py: "2",
+          px: "4.5",
           textStyle: "md"
         }
       }
+    },
+    variant: {
+      line: {
+        list: {
+          display: "flex",
+          borderColor: "border",
+          _horizontal: {
+            borderBottomWidth: "1px"
+          },
+          _vertical: {
+            borderEndWidth: "1px"
+          }
+        },
+        trigger: {
+          color: "fg.muted",
+          _hover: {
+            color: "fg.subtle"
+          },
+          _disabled: {
+            _active: { bg: "initial" }
+          },
+          _selected: {
+            color: "fg !important",
+            _horizontal: {
+              layerStyle: "indicator.bottom",
+              "--indicator-offset-y": "-1px",
+              "--indicator-color": "colors.colorPalette.solid"
+            },
+            _vertical: {
+              layerStyle: "indicator.end",
+              "--indicator-offset-x": "-1px"
+            }
+          }
+        }
+      },
+      pills: {
+        list: {
+          gap: 2
+        },
+        trigger: {
+          borderRadius: "var(--tabs-trigger-radius)",
+          color: "fg.muted",
+          borderWidth: "1px",
+          borderColor: "border.emphasized",
+          _hover: {
+            bg: "bg.muted",
+            color: "fg.subtle"
+          },
+          _selected: {
+            bg: "colorPalette.subtle !important",
+            color: "colorPalette.fg !important",
+            borderColor: "colorPalette.solid/50"
+          }
+        }
+      },
+      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",
+          boxShadow: "inset",
+          borderRadius: "md",
+          borderWidth: "1px",
+          minH: "calc(var(--tabs-height) - 4px)"
+        },
+        trigger: {
+          justifyContent: "center",
+          color: "fg.muted",
+          borderRadius: "var(--tabs-trigger-radius)",
+          _selected: {
+            bg: "bg",
+            color: "colorPalette.fg",
+            shadow: "sm"
+          }
+        }
+      },
+      outline: {
+        list: {
+          "--line-thickness": "1px",
+          "--line-offset": "calc(var(--line-thickness) * -1)",
+          borderColor: "border",
+          display: "flex",
+          _horizontal: {
+            _before: {
+              content: '""',
+              position: "absolute",
+              bottom: "0px",
+              width: "100%",
+              borderBottomWidth: "var(--line-thickness)",
+              borderBottomColor: "border"
+            }
+          },
+          _vertical: {
+            _before: {
+              content: '""',
+              position: "absolute",
+              insetInline: "var(--line-offset)",
+              height: "calc(100% - calc(var(--line-thickness) * 2))",
+              borderEndWidth: "var(--line-thickness)",
+              borderEndColor: "border"
+            }
+          }
+        },
+        trigger: {
+          color: "fg.muted",
+          borderWidth: "1px",
+          borderColor: "transparent",
+          _selected: {
+            bg: "currentBg",
+            color: "colorPalette.fg"
+          },
+          _horizontal: {
+            borderTopRadius: "var(--tabs-trigger-radius)",
+            marginBottom: "var(--line-offset)",
+            marginEnd: { _notLast: "var(--line-offset)" },
+            _selected: {
+              borderColor: "border",
+              borderBottomColor: "transparent"
+            }
+          },
+          _vertical: {
+            borderStartRadius: "var(--tabs-trigger-radius)",
+            marginEnd: "var(--line-offset)",
+            marginBottom: { _notLast: "var(--line-offset)" },
+            _selected: {
+              borderColor: "border",
+              borderEndColor: "transparent"
+            }
+          }
+        }
+      },
+      plain: {
+        trigger: {
+          color: "fg.muted",
+          _selected: {
+            color: "colorPalette.fg"
+          },
+          borderRadius: "var(--tabs-trigger-radius)",
+          "&[data-selected][data-ssr]": {
+            bg: "var(--tabs-indicator-bg)",
+            shadow: "var(--tabs-indicator-shadow)",
+            borderRadius: "var(--tabs-indicator-radius)"
+          }
+        }
+      }
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "md",
+    variant: "line"
   }
 });
 
 // src/components/tag/tag.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe12 } 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 = defineSlotRecipe12({
+var tagSlotRecipe = defineSlotRecipe19({
   slots: tagAnatomy.keys(),
   className: "chakra-tag",
   base: {
@@ -3847,31 +4838,177 @@ var tagSlotRecipe = defineSlotRecipe12({
         }
       }
     },
-    variant: {
-      subtle: {
-        root: badgeVariant == null ? void 0 : badgeVariant.subtle
-      },
-      solid: {
-        root: badgeVariant == null ? void 0 : badgeVariant.solid
-      },
-      outline: {
-        root: badgeVariant == null ? void 0 : badgeVariant.outline
+    variant: {
+      subtle: {
+        root: badgeVariant == null ? void 0 : badgeVariant.subtle
+      },
+      solid: {
+        root: badgeVariant == null ? void 0 : badgeVariant.solid
+      },
+      outline: {
+        root: badgeVariant == null ? void 0 : badgeVariant.outline
+      },
+      surface: {
+        root: badgeVariant == null ? void 0 : badgeVariant.surface
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "surface"
+  }
+});
+
+// src/components/toaster/toast.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe20 } from "@chakra-ui/react";
+import { toastAnatomy } from "@chakra-ui/react/anatomy";
+var toastSlotRecipe = defineSlotRecipe20({
+  slots: toastAnatomy.keys(),
+  className: "chakra-toast",
+  base: {
+    root: {
+      width: "full",
+      display: "flex",
+      alignItems: "flex-start",
+      position: "relative",
+      gap: "2",
+      py: "3",
+      ps: "3",
+      pe: "6",
+      borderRadius: "md",
+      borderWidth: "1px",
+      translate: "var(--x) var(--y)",
+      scale: "var(--scale)",
+      zIndex: "var(--z-index)",
+      height: "var(--height, var(--toast-height))",
+      opacity: "var(--opacity)",
+      willChange: "translate, opacity, scale, height",
+      transition: "translate 400ms, scale 400ms, opacity 400ms, height 200ms, box-shadow 200ms",
+      transitionTimingFunction: "bounce-in",
+      _closed: {
+        transition: "translate 400ms, scale 400ms, height 200ms, opacity 200ms",
+        transitionTimingFunction: "bounce-out"
+      },
+      bg: "bg.panel",
+      color: "fg",
+      boxShadow: "lg",
+      overflow: "hidden",
+      "--toast-indicated-color": "colors.fg.muted",
+      "&[data-type=warning]": {
+        "--toast-indicated-color": "colors.fg.warning"
+      },
+      "&[data-type=success]": {
+        "--toast-indicated-color": "colors.fg.success"
+      },
+      "&[data-type=error]": {
+        "--toast-indicated-color": "colors.fg.error"
+      },
+      "&[data-overlap]": {
+        _before: {
+          content: '""',
+          position: "absolute",
+          inset: "0",
+          maskImage: "linear-gradient(to bottom, transparent, black 50%)"
+        }
+      }
+    },
+    title: {
+      fontWeight: "medium",
+      textStyle: "sm",
+      marginEnd: "2"
+    },
+    description: {
+      display: "inline",
+      textStyle: "sm",
+      opacity: "0.8"
+    },
+    indicator: {
+      flexShrink: "0",
+      boxSize: "5",
+      color: "var(--toast-indicated-color)"
+    },
+    actionTrigger: {
+      cursor: "button",
+      textStyle: "sm",
+      fontWeight: "medium",
+      height: "6",
+      px: "3",
+      ms: "-3",
+      borderRadius: "sm",
+      alignSelf: "flex-start",
+      transition: "background 200ms",
+      color: "colorPalette.solid/80",
+      _hover: {
+        bg: "bg.subtle",
+        color: "colorPalette.solid"
+      }
+    },
+    closeTrigger: {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2"
+    }
+  }
+});
+
+// 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"
       },
-      surface: {
-        root: badgeVariant == null ? void 0 : badgeVariant.surface
+      _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)"
     }
   },
-  defaultVariants: {
-    size: "md",
-    variant: "surface"
+  variants: {
+    variant: {
+      inverted: {
+        content: {
+          "--tooltip-bg": "colors.bg.inverted",
+          color: "fg.inverted"
+        }
+      }
+    }
   }
 });
 
 // src/theme/recipes/chakra/accordion.ts
-import { defineSlotRecipe as defineSlotRecipe13 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
 import { accordionAnatomy } from "@chakra-ui/react/anatomy";
-var accordionSlotRecipe = defineSlotRecipe13({
+var accordionSlotRecipe = defineSlotRecipe22({
   className: "chakra-accordion",
   slots: accordionAnatomy.keys(),
   base: {
@@ -4009,9 +5146,9 @@ var accordionSlotRecipe = defineSlotRecipe13({
 });
 
 // src/theme/recipes/chakra/action-bar.ts
-import { defineSlotRecipe as defineSlotRecipe14 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe23 } from "@chakra-ui/react";
 import { actionBarAnatomy } from "@chakra-ui/react/anatomy";
-var actionBarSlotRecipe = defineSlotRecipe14({
+var actionBarSlotRecipe = defineSlotRecipe23({
   className: "chakra-action-bar",
   slots: actionBarAnatomy.keys(),
   base: {
@@ -4067,9 +5204,9 @@ var actionBarSlotRecipe = defineSlotRecipe14({
 });
 
 // src/theme/recipes/chakra/alert.ts
-import { defineSlotRecipe as defineSlotRecipe15 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe24 } from "@chakra-ui/react";
 import { alertAnatomy } from "@chakra-ui/react/anatomy";
-var alertSlotRecipe = defineSlotRecipe15({
+var alertSlotRecipe = defineSlotRecipe24({
   slots: alertAnatomy.keys(),
   className: "chakra-alert",
   base: {
@@ -4216,9 +5353,9 @@ var alertSlotRecipe = defineSlotRecipe15({
 });
 
 // src/theme/recipes/chakra/blockquote.ts
-import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
 import { blockquoteAnatomy } from "@chakra-ui/react/anatomy";
-var blockquoteSlotRecipe = defineSlotRecipe16({
+var blockquoteSlotRecipe = defineSlotRecipe25({
   className: "chakra-blockquote",
   slots: blockquoteAnatomy.keys(),
   base: {
@@ -4295,9 +5432,9 @@ var blockquoteSlotRecipe = defineSlotRecipe16({
 });
 
 // src/theme/recipes/chakra/breadcrumb.ts
-import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe26 } from "@chakra-ui/react";
 import { breadcrumbAnatomy } from "@chakra-ui/react/anatomy";
-var breadcrumbSlotRecipe = defineSlotRecipe17({
+var breadcrumbSlotRecipe = defineSlotRecipe26({
   className: "chakra-breadcrumb",
   slots: breadcrumbAnatomy.keys(),
   base: {
@@ -4387,9 +5524,9 @@ var breadcrumbSlotRecipe = defineSlotRecipe17({
 });
 
 // src/theme/recipes/chakra/card.ts
-import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
 import { cardAnatomy } from "@chakra-ui/react/anatomy";
-var cardSlotRecipe = defineSlotRecipe18({
+var cardSlotRecipe = defineSlotRecipe27({
   className: "chakra-card",
   slots: cardAnatomy.keys(),
   base: {
@@ -4509,10 +5646,10 @@ var cardSlotRecipe = defineSlotRecipe18({
 });
 
 // src/theme/recipes/chakra/checkbox.ts
-import { defineSlotRecipe as defineSlotRecipe19 } 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 = defineSlotRecipe19({
+var checkboxSlotRecipe = defineSlotRecipe28({
   slots: checkboxAnatomy.keys(),
   className: "chakra-checkbox",
   base: {
@@ -4574,10 +5711,10 @@ var checkboxSlotRecipe = defineSlotRecipe19({
 });
 
 // src/theme/recipes/chakra/checkbox-card.ts
-import { defineSlotRecipe as defineSlotRecipe20 } 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 = defineSlotRecipe20({
+var checkboxCardSlotRecipe = defineSlotRecipe29({
   slots: checkboxCardAnatomy.keys(),
   className: "chakra-checkbox-card",
   base: {
@@ -4777,9 +5914,9 @@ var checkboxCardSlotRecipe = defineSlotRecipe20({
 });
 
 // src/theme/recipes/chakra/collapsible.ts
-import { defineSlotRecipe as defineSlotRecipe21 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react";
 import { collapsibleAnatomy } from "@chakra-ui/react/anatomy";
-var collapsibleSlotRecipe = defineSlotRecipe21({
+var collapsibleSlotRecipe = defineSlotRecipe30({
   slots: collapsibleAnatomy.keys(),
   className: "chakra-collapsible",
   base: {
@@ -4797,88 +5934,8 @@ var collapsibleSlotRecipe = defineSlotRecipe21({
   }
 });
 
-// src/theme/recipes/chakra/data-list.ts
-import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
-import { dataListAnatomy } from "@chakra-ui/react/anatomy";
-var dataListSlotRecipe = defineSlotRecipe22({
-  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 defineSlotRecipe23, 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",
@@ -4887,7 +5944,7 @@ var sharedStyles = defineStyle2({
   bg: "transparent",
   borderRadius: "l2"
 });
-var editableSlotRecipe = defineSlotRecipe23({
+var editableSlotRecipe = defineSlotRecipe31({
   slots: editableAnatomy.keys(),
   className: "chakra-editable",
   base: {
@@ -4930,122 +5987,30 @@ var editableSlotRecipe = defineSlotRecipe23({
       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 defineSlotRecipe24 } from "@chakra-ui/react";
-import { emptyStateAnatomy } from "@chakra-ui/react/anatomy";
-var emptyStateSlotRecipe = defineSlotRecipe24({
-  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"
-      }
-    },
-    title: {
-      fontWeight: "semibold"
-    },
-    description: {
-      textStyle: "sm",
-      color: "fg.muted"
-    }
-  },
-  variants: {
-    size: {
-      sm: {
-        root: {
-          px: "4",
-          py: "6"
-        },
-        title: {
-          textStyle: "md"
-        },
-        content: {
-          gap: "4"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: {
+          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" }
       }
     }
   },
@@ -5055,9 +6020,9 @@ var emptyStateSlotRecipe = defineSlotRecipe24({
 });
 
 // src/theme/recipes/chakra/field.ts
-import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
 import { fieldAnatomy } from "@chakra-ui/react/anatomy";
-var fieldSlotRecipe = defineSlotRecipe25({
+var fieldSlotRecipe = defineSlotRecipe32({
   className: "chakra-field",
   slots: fieldAnatomy.keys(),
   base: {
@@ -5130,106 +6095,10 @@ var fieldSlotRecipe = defineSlotRecipe25({
   }
 });
 
-// src/theme/recipes/chakra/file-upload.ts
-import { defineSlotRecipe as defineSlotRecipe26 } from "@chakra-ui/react";
-import { fileUploadAnatomy } from "@chakra-ui/react/anatomy";
-var fileUploadSlotRecipe = defineSlotRecipe26({
-  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 defineSlotRecipe27 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react";
 import { hoverCardAnatomy } from "@chakra-ui/react/anatomy";
-var hoverCardSlotRecipe = defineSlotRecipe27({
+var hoverCardSlotRecipe = defineSlotRecipe33({
   className: "chakra-hover-card",
   slots: hoverCardAnatomy.keys(),
   base: {
@@ -5294,9 +6163,9 @@ var hoverCardSlotRecipe = defineSlotRecipe27({
 });
 
 // src/theme/recipes/chakra/list.ts
-import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
 import { listAnatomy } from "@chakra-ui/react/anatomy";
-var listSlotRecipe = defineSlotRecipe28({
+var listSlotRecipe = defineSlotRecipe34({
   className: "chakra-list",
   slots: listAnatomy.keys(),
   base: {
@@ -5328,166 +6197,43 @@ var listSlotRecipe = defineSlotRecipe28({
           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 defineSlotRecipe29 } from "@chakra-ui/react";
-import { menuAnatomy } from "@chakra-ui/react/anatomy";
-var menuSlotRecipe = defineSlotRecipe29({
-  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"
-      }
-    },
-    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: "1"
-        },
-        item: {
-          gap: "1",
-          textStyle: "xs",
-          py: "1",
-          px: "1.5"
+          _marker: {
+            color: "fg.subtle"
+          }
         }
       },
-      md: {
-        content: {
-          minW: "8rem",
-          padding: "1.5"
-        },
+      plain: {
         item: {
-          gap: "2",
-          textStyle: "sm",
-          py: "1.5",
-          px: "2"
+          alignItems: "flex-start",
+          display: "inline-flex"
         }
       }
+    },
+    align: {
+      center: {
+        item: { alignItems: "center" }
+      },
+      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 defineSlotRecipe31 } 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 defineSlotRecipe30 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe35 } from "@chakra-ui/react";
 import { selectAnatomy } from "@chakra-ui/react/anatomy";
-var selectSlotRecipe = defineSlotRecipe30({
+var selectSlotRecipe = defineSlotRecipe35({
   className: "chakra-select",
   slots: selectAnatomy.keys(),
   base: {
@@ -5772,7 +6518,7 @@ var selectSlotRecipe = defineSlotRecipe30({
 
 // src/theme/recipes/chakra/native-select.ts
 var _a4, _b3;
-var nativeSelectSlotRecipe = defineSlotRecipe31({
+var nativeSelectSlotRecipe = defineSlotRecipe36({
   className: "chakra-native-select",
   slots: nativeSelectAnatomy.keys(),
   base: {
@@ -5905,7 +6651,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe31({
 });
 
 // src/theme/recipes/chakra/number-input.ts
-import { defineSlotRecipe as defineSlotRecipe32, 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
@@ -5920,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({
@@ -5949,7 +6692,7 @@ var triggerStyle = defineStyle3({
     bg: "bg.emphasized"
   }
 });
-var numberInputSlotRecipe = defineSlotRecipe32({
+var numberInputSlotRecipe = defineSlotRecipe37({
   className: "chakra-number-input",
   slots: numberInputAnatomy.keys(),
   base: {
@@ -6034,10 +6777,10 @@ var numberInputSlotRecipe = defineSlotRecipe32({
 });
 
 // src/theme/recipes/chakra/pin-input.ts
-import { defineSlotRecipe as defineSlotRecipe33 } 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 = defineSlotRecipe33({
+var pinInputSlotRecipe = defineSlotRecipe38({
   className: "chakra-pin-input",
   slots: pinInputAnatomy.keys(),
   base: {
@@ -6065,97 +6808,10 @@ var pinInputSlotRecipe = defineSlotRecipe33({
   defaultVariants: defaultVariants2
 });
 
-// src/theme/recipes/chakra/popover.ts
-import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
-import { popoverAnatomy } from "@chakra-ui/react/anatomy";
-var popoverSlotRecipe = defineSlotRecipe34({
-  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 defineSlotRecipe35 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
 import { progressAnatomy } from "@chakra-ui/react/anatomy";
-var progressSlotRecipe = defineSlotRecipe35({
+var progressSlotRecipe = defineSlotRecipe39({
   slots: progressAnatomy.keys(),
   className: "chakra-progress",
   base: {
@@ -6275,9 +6931,9 @@ var progressSlotRecipe = defineSlotRecipe35({
 });
 
 // src/theme/recipes/chakra/progress-circle.ts
-import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
 import { progressAnatomy as progressAnatomy2 } from "@chakra-ui/react/anatomy";
-var progressCircleSlotRecipe = defineSlotRecipe36({
+var progressCircleSlotRecipe = defineSlotRecipe40({
   className: "chakra-progress-circle",
   slots: progressAnatomy2.keys(),
   base: {
@@ -6368,10 +7024,10 @@ var progressCircleSlotRecipe = defineSlotRecipe36({
 });
 
 // src/theme/recipes/chakra/radio-card.ts
-import { defineSlotRecipe as defineSlotRecipe37 } 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 = defineSlotRecipe37({
+var radioCardSlotRecipe = defineSlotRecipe41({
   className: "chakra-radio-card",
   slots: radioCardAnatomy.keys(),
   base: {
@@ -6579,10 +7235,10 @@ var radioCardSlotRecipe = defineSlotRecipe37({
 });
 
 // src/theme/recipes/chakra/radio-group.ts
-import { defineSlotRecipe as defineSlotRecipe38 } 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 = defineSlotRecipe38({
+var radioGroupSlotRecipe = defineSlotRecipe42({
   className: "chakra-radio-group",
   slots: radioGroupAnatomy.keys(),
   base: {
@@ -6642,9 +7298,9 @@ var radioGroupSlotRecipe = defineSlotRecipe38({
 });
 
 // src/theme/recipes/chakra/rating-group.ts
-import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
 import { ratingGroupAnatomy } from "@chakra-ui/react/anatomy";
-var ratingGroupSlotRecipe = defineSlotRecipe39({
+var ratingGroupSlotRecipe = defineSlotRecipe43({
   className: "chakra-rating-group",
   slots: ratingGroupAnatomy.keys(),
   base: {
@@ -6716,133 +7372,7 @@ var ratingGroupSlotRecipe = defineSlotRecipe39({
       },
       lg: {
         item: {
-          textStyle: "2xl"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-
-// src/theme/recipes/chakra/segment-group.ts
-import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
-import { segmentGroupAnatomy } from "@chakra-ui/react/anatomy";
-var segmentGroupSlotRecipe = defineSlotRecipe40({
-  className: "chakra-segment-group",
-  slots: segmentGroupAnatomy.keys(),
-  base: {
-    root: {
-      "--segment-radius": "radii.md",
-      borderRadius: "md",
-      display: "inline-flex",
-      boxShadow: "inset",
-      minW: "max-content",
-      textAlign: "center",
-      position: "relative",
-      isolation: "isolate",
-      bg: "bg.muted",
-      borderWidth: "1px"
-    },
-    item: {
-      display: "flex",
-      alignItems: "center",
-      userSelect: "none",
-      fontSize: "sm",
-      position: "relative",
-      color: "fg.subtle",
-      cursor: "button",
-      borderRadius: "var(--segment-radius)",
-      _disabled: {
-        opacity: "0.5"
-      },
-      _hover: {
-        color: "fg"
-      },
-      "&:has(input:focus-visible)": {
-        focusRing: "inside",
-        focusRingWidth: "1px"
-      },
-      _before: {
-        content: '""',
-        position: "absolute",
-        insetInlineStart: 0,
-        insetBlock: "0",
-        bg: "border",
-        width: "1px",
-        transition: "opacity 0.2s"
-      },
-      _checked: {
-        color: "fg"
-      },
-      "& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type": {
-        _before: {
-          opacity: "0"
-        }
-      },
-      "&[data-state=checked][data-ssr]": {
-        shadow: "sm",
-        bg: "bg",
-        color: "fg",
-        borderRadius: "var(--segment-radius)"
-      }
-    },
-    indicator: {
-      shadow: "sm",
-      pos: "absolute",
-      bg: {
-        base: "bg",
-        _dark: "bg.emphasized"
-      },
-      width: "var(--width)",
-      height: "var(--height)",
-      top: "var(--top)",
-      left: "var(--left)",
-      zIndex: -1,
-      borderRadius: "var(--segment-radius)"
-    }
-  },
-  variants: {
-    size: {
-      xs: {
-        root: {
-          height: "6"
-        },
-        item: {
-          textStyle: "xs",
-          px: "3",
-          gap: "1"
-        }
-      },
-      sm: {
-        root: {
-          height: "7"
-        },
-        item: {
-          textStyle: "sm",
-          px: "4",
-          gap: "2"
-        }
-      },
-      md: {
-        root: {
-          height: "8"
-        },
-        item: {
-          textStyle: "sm",
-          px: "4",
-          gap: "2"
-        }
-      },
-      lg: {
-        root: {
-          height: "10"
-        },
-        item: {
-          textStyle: "md",
-          px: "5",
-          gap: "3"
+          textStyle: "2xl"
         }
       }
     }
@@ -6853,9 +7383,9 @@ var segmentGroupSlotRecipe = defineSlotRecipe40({
 });
 
 // src/theme/recipes/chakra/slider.ts
-import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
 import { sliderAnatomy } from "@chakra-ui/react/anatomy";
-var sliderSlotRecipe = defineSlotRecipe41({
+var sliderSlotRecipe = defineSlotRecipe44({
   className: "chakra-slider",
   slots: sliderAnatomy.keys(),
   base: {
@@ -7030,9 +7560,9 @@ var sliderSlotRecipe = defineSlotRecipe41({
 });
 
 // src/theme/recipes/chakra/stat.ts
-import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
 import { statAnatomy } from "@chakra-ui/react/anatomy";
-var statSlotRecipe = defineSlotRecipe42({
+var statSlotRecipe = defineSlotRecipe45({
   className: "chakra-stat",
   slots: statAnatomy.keys(),
   base: {
@@ -7108,9 +7638,9 @@ var statSlotRecipe = defineSlotRecipe42({
 });
 
 // src/theme/recipes/chakra/steps.ts
-import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
 import { stepsAnatomy } from "@chakra-ui/react/anatomy";
-var stepsSlotRecipe = defineSlotRecipe43({
+var stepsSlotRecipe = defineSlotRecipe46({
   className: "chakra-steps",
   slots: stepsAnatomy.keys(),
   base: {
@@ -7323,9 +7853,9 @@ var stepsSlotRecipe = defineSlotRecipe43({
 });
 
 // src/theme/recipes/chakra/switch.ts
-import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
 import { switchAnatomy } from "@chakra-ui/react/anatomy";
-var switchSlotRecipe = defineSlotRecipe44({
+var switchSlotRecipe = defineSlotRecipe47({
   slots: switchAnatomy.keys(),
   className: "chakra-switch",
   base: {
@@ -7481,9 +8011,9 @@ var switchSlotRecipe = defineSlotRecipe44({
 });
 
 // src/theme/recipes/chakra/table.ts
-import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
 import { tableAnatomy } from "@chakra-ui/react/anatomy";
-var tableSlotRecipe = defineSlotRecipe45({
+var tableSlotRecipe = defineSlotRecipe48({
   className: "chakra-table",
   slots: tableAnatomy.keys(),
   base: {
@@ -7566,358 +8096,87 @@ var tableSlotRecipe = defineSlotRecipe45({
       line: {
         columnHeader: {
           borderBottomWidth: "1px"
-        },
-        cell: {
-          borderBottomWidth: "1px"
-        },
-        row: {
-          bg: "bg"
-        }
-      },
-      outline: {
-        root: {
-          boxShadow: "0 0 0 1px {colors.border}",
-          overflow: "hidden"
-        },
-        columnHeader: {
-          borderBottomWidth: "1px"
-        },
-        header: {
-          bg: "bg.muted"
-        },
-        row: {
-          "&:not(:last-of-type)": {
-            borderBottomWidth: "1px"
-          }
-        },
-        footer: {
-          borderTopWidth: "1px"
-        }
-      }
-    },
-    size: {
-      sm: {
-        root: {
-          textStyle: "sm"
-        },
-        columnHeader: {
-          px: "2",
-          py: "2"
-        },
-        cell: {
-          px: "2",
-          py: "2"
-        }
-      },
-      md: {
-        root: {
-          textStyle: "sm"
-        },
-        columnHeader: {
-          px: "3",
-          py: "3"
-        },
-        cell: {
-          px: "3",
-          py: "3"
-        }
-      },
-      lg: {
-        root: {
-          textStyle: "md"
-        },
-        columnHeader: {
-          px: "4",
-          py: "3"
-        },
-        cell: {
-          px: "4",
-          py: "3"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "line",
-    size: "md"
-  }
-});
-
-// src/theme/recipes/chakra/tabs.ts
-import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
-import { tabsAnatomy } from "@chakra-ui/react/anatomy";
-var tabsSlotRecipe = defineSlotRecipe46({
-  slots: tabsAnatomy.keys(),
-  className: "chakra-tabs",
-  base: {
-    root: {
-      "--tabs-trigger-radius": "radii.l2",
-      position: "relative",
-      _horizontal: {
-        display: "block"
-      },
-      _vertical: {
-        display: "flex"
-      }
-    },
-    list: {
-      display: "inline-flex",
-      position: "relative",
-      isolation: "isolate",
-      "--tabs-indicator-shadow": "shadows.xs",
-      "--tabs-indicator-bg": "colors.bg",
-      minH: "var(--tabs-height)",
-      _horizontal: {
-        flexDirection: "row"
-      },
-      _vertical: {
-        flexDirection: "column"
-      }
-    },
-    trigger: {
-      outline: "0",
-      minW: "var(--tabs-height)",
-      height: "var(--tabs-height)",
-      display: "flex",
-      alignItems: "center",
-      fontWeight: "medium",
-      position: "relative",
-      cursor: "button",
-      gap: "2",
-      _focusVisible: {
-        zIndex: 1,
-        focusVisibleRing: "outside"
-      },
-      _disabled: {
-        cursor: "not-allowed",
-        opacity: 0.5
-      }
-    },
-    content: {
-      focusVisibleRing: "inside",
-      _horizontal: {
-        width: "100%",
-        pt: "var(--tabs-content-padding)"
-      },
-      _vertical: {
-        height: "100%",
-        ps: "var(--tabs-content-padding)"
-      }
-    },
-    indicator: {
-      width: "var(--width)",
-      height: "var(--height)",
-      borderRadius: "var(--tabs-indicator-radius)",
-      bg: "var(--tabs-indicator-bg)",
-      shadow: "var(--tabs-indicator-shadow)",
-      zIndex: -1
-    }
-  },
-  variants: {
-    fitted: {
-      true: {
-        list: {
-          display: "flex"
-        },
-        trigger: {
-          flex: 1,
-          textAlign: "center",
-          justifyContent: "center"
-        }
-      }
-    },
-    justify: {
-      start: {
-        list: {
-          justifyContent: "flex-start"
-        }
-      },
-      center: {
-        list: {
-          justifyContent: "center"
-        }
-      },
-      end: {
-        list: {
-          justifyContent: "flex-end"
-        }
-      }
-    },
-    size: {
-      sm: {
-        root: {
-          "--tabs-height": "sizes.9",
-          "--tabs-content-padding": "spacing.3"
-        },
-        trigger: {
-          py: "1",
-          px: "3",
-          textStyle: "sm"
-        }
-      },
-      md: {
-        root: {
-          "--tabs-height": "sizes.10",
-          "--tabs-content-padding": "spacing.4"
-        },
-        trigger: {
-          py: "2",
-          px: "4",
-          textStyle: "sm"
-        }
-      },
-      lg: {
-        root: {
-          "--tabs-height": "sizes.11",
-          "--tabs-content-padding": "spacing.4.5"
-        },
-        trigger: {
-          py: "2",
-          px: "4.5",
-          textStyle: "md"
-        }
-      }
-    },
-    variant: {
-      line: {
-        list: {
-          display: "flex",
-          borderColor: "border",
-          _horizontal: {
-            borderBottomWidth: "1px"
-          },
-          _vertical: {
-            borderEndWidth: "1px"
-          }
-        },
-        trigger: {
-          color: "fg.muted",
-          _disabled: {
-            _active: { bg: "initial" }
-          },
-          _selected: {
-            color: "fg",
-            _horizontal: {
-              layerStyle: "indicator.bottom",
-              "--indicator-offset-y": "-1px",
-              "--indicator-color": "colors.colorPalette.solid"
-            },
-            _vertical: {
-              layerStyle: "indicator.end",
-              "--indicator-offset-x": "-1px"
-            }
-          }
-        }
-      },
-      subtle: {
-        trigger: {
-          borderRadius: "var(--tabs-trigger-radius)",
-          color: "fg.muted",
-          _selected: {
-            bg: "colorPalette.subtle",
-            color: "colorPalette.fg"
-          }
+        },
+        cell: {
+          borderBottomWidth: "1px"
+        },
+        row: {
+          bg: "bg"
         }
       },
-      enclosed: {
-        list: {
-          bg: "bg.muted",
-          padding: "1",
-          borderRadius: "l3",
-          minH: "calc(var(--tabs-height) - 4px)"
+      outline: {
+        root: {
+          boxShadow: "0 0 0 1px {colors.border}",
+          overflow: "hidden"
         },
-        trigger: {
-          justifyContent: "center",
-          color: "fg.muted",
-          borderRadius: "var(--tabs-trigger-radius)",
-          _selected: {
-            bg: "bg",
-            color: "colorPalette.fg",
-            shadow: "xs"
+        columnHeader: {
+          borderBottomWidth: "1px"
+        },
+        header: {
+          bg: "bg.muted"
+        },
+        row: {
+          "&:not(:last-of-type)": {
+            borderBottomWidth: "1px"
           }
+        },
+        footer: {
+          borderTopWidth: "1px"
+        }
+      }
+    },
+    size: {
+      sm: {
+        root: {
+          textStyle: "sm"
+        },
+        columnHeader: {
+          px: "2",
+          py: "2"
+        },
+        cell: {
+          px: "2",
+          py: "2"
         }
       },
-      outline: {
-        list: {
-          "--line-thickness": "1px",
-          "--line-offset": "calc(var(--line-thickness) * -1)",
-          borderColor: "border",
-          display: "flex",
-          _horizontal: {
-            _before: {
-              content: '""',
-              position: "absolute",
-              bottom: "0px",
-              width: "100%",
-              borderBottomWidth: "var(--line-thickness)",
-              borderBottomColor: "border"
-            }
-          },
-          _vertical: {
-            _before: {
-              content: '""',
-              position: "absolute",
-              insetInline: "var(--line-offset)",
-              height: "calc(100% - calc(var(--line-thickness) * 2))",
-              borderEndWidth: "var(--line-thickness)",
-              borderEndColor: "border"
-            }
-          }
+      md: {
+        root: {
+          textStyle: "sm"
         },
-        trigger: {
-          color: "fg.muted",
-          borderWidth: "1px",
-          borderColor: "transparent",
-          _selected: {
-            bg: "currentBg",
-            color: "colorPalette.fg"
-          },
-          _horizontal: {
-            borderTopRadius: "var(--tabs-trigger-radius)",
-            marginBottom: "var(--line-offset)",
-            marginEnd: { _notLast: "var(--line-offset)" },
-            _selected: {
-              borderColor: "border",
-              borderBottomColor: "transparent"
-            }
-          },
-          _vertical: {
-            borderStartRadius: "var(--tabs-trigger-radius)",
-            marginEnd: "var(--line-offset)",
-            marginBottom: { _notLast: "var(--line-offset)" },
-            _selected: {
-              borderColor: "border",
-              borderEndColor: "transparent"
-            }
-          }
+        columnHeader: {
+          px: "3",
+          py: "3"
+        },
+        cell: {
+          px: "3",
+          py: "3"
         }
       },
-      plain: {
-        trigger: {
-          color: "fg.muted",
-          _selected: {
-            color: "colorPalette.fg"
-          },
-          borderRadius: "var(--tabs-trigger-radius)",
-          "&[data-selected][data-ssr]": {
-            bg: "var(--tabs-indicator-bg)",
-            shadow: "var(--tabs-indicator-shadow)",
-            borderRadius: "var(--tabs-indicator-radius)"
-          }
+      lg: {
+        root: {
+          textStyle: "md"
+        },
+        columnHeader: {
+          px: "4",
+          py: "3"
+        },
+        cell: {
+          px: "4",
+          py: "3"
         }
       }
     }
   },
   defaultVariants: {
-    size: "md",
-    variant: "line"
+    variant: "line",
+    size: "md"
   }
 });
 
 // src/theme/recipes/chakra/timeline.ts
-import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
+import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
 import { timelineAnatomy } from "@chakra-ui/react/anatomy";
-var timelineSlotRecipe = defineSlotRecipe47({
+var timelineSlotRecipe = defineSlotRecipe49({
   slots: timelineAnatomy.keys(),
   className: "chakra-timeline",
   base: {
@@ -8050,156 +8309,6 @@ var timelineSlotRecipe = defineSlotRecipe47({
   }
 });
 
-// src/theme/recipes/chakra/toast.ts
-import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
-import { toastAnatomy } from "@chakra-ui/react/anatomy";
-var toastSlotRecipe = defineSlotRecipe48({
-  slots: toastAnatomy.keys(),
-  className: "chakra-toast",
-  base: {
-    root: {
-      width: "full",
-      display: "flex",
-      alignItems: "flex-start",
-      position: "relative",
-      gap: "3",
-      py: "4",
-      ps: "4",
-      pe: "6",
-      borderRadius: "l2",
-      translate: "var(--x) var(--y)",
-      scale: "var(--scale)",
-      zIndex: "var(--z-index)",
-      height: "var(--height)",
-      opacity: "var(--opacity)",
-      willChange: "translate, opacity, scale",
-      transition: "translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms",
-      transitionTimingFunction: "cubic-bezier(0.21, 1.02, 0.73, 1)",
-      _closed: {
-        transition: "translate 400ms, scale 400ms, opacity 200ms",
-        transitionTimingFunction: "cubic-bezier(0.06, 0.71, 0.55, 1)"
-      },
-      bg: "bg.panel",
-      color: "fg",
-      boxShadow: "xl",
-      "--toast-trigger-bg": "colors.bg.muted",
-      "&[data-type=warning]": {
-        bg: "orange.solid",
-        color: "orange.contrast",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      },
-      "&[data-type=success]": {
-        bg: "green.solid",
-        color: "green.contrast",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      },
-      "&[data-type=error]": {
-        bg: "red.solid",
-        color: "red.contrast",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      }
-    },
-    title: {
-      fontWeight: "medium",
-      textStyle: "sm",
-      marginEnd: "2"
-    },
-    description: {
-      display: "inline",
-      textStyle: "sm",
-      opacity: "0.8"
-    },
-    indicator: {
-      flexShrink: "0",
-      boxSize: "5"
-    },
-    actionTrigger: {
-      textStyle: "sm",
-      fontWeight: "medium",
-      height: "8",
-      px: "3",
-      borderRadius: "l2",
-      alignSelf: "center",
-      borderWidth: "1px",
-      borderColor: "var(--toast-border-color, inherit)",
-      transition: "background 200ms",
-      _hover: {
-        bg: "var(--toast-trigger-bg)"
-      }
-    },
-    closeTrigger: {
-      position: "absolute",
-      top: "1",
-      insetEnd: "1",
-      padding: "1",
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      color: "{currentColor/60}",
-      borderRadius: "l2",
-      textStyle: "md",
-      transition: "background 200ms"
-    }
-  }
-});
-
-// 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
@@ -8613,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
@@ -8885,9 +8994,11 @@ export {
   Checkbox,
   CloseButton,
   Command,
-  namespace_exports as Dialog,
-  namespace_exports2 as Drawer,
+  DataList,
+  dialog_exports as Dialog,
+  drawer_exports as Drawer,
   EmptyState,
+  file_upload_exports as FileUpload,
   grid_list_exports as GridList,
   IconBadge,
   IconButton,
@@ -8902,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,
@@ -8914,6 +9026,7 @@ export {
   SuiContext,
   SuiProvider,
   Switch,
+  Tabs,
   Tag,
   Toaster,
   Tooltip,
@@ -8922,10 +9035,13 @@ export {
   defaultPresenceOptions,
   defaultSystem,
   toast,
+  useDataListStyles,
   useLink,
   useLoadingOverlayStyles,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles,
-  useSui
+  useSui,
+  useTabsContext,
+  useTabsStyles
 };