@hanzogui/sheet 3.0.2 → 7.0.0

package/controller/index.cjs

@@ -1,2 +1,2 @@
-// compat with tamagui static compiler
+// compat with hanzogui static compiler
 Object.assign(module.exports, require('../dist/cjs/controller.native.js'))

package/controller/index.native.cjs

@@ -1,2 +1,2 @@
-// compat with tamagui static compiler
+// compat with hanzogui static compiler
 Object.assign(module.exports, require('../dist/cjs/controller.native.js'))

package/next.md

@@ -2,7 +2,7 @@
 
 ## Current Limitation
 
-The Sheet + ScrollView gesture coordination on native iOS has limitations because Tamagui uses React Native's built-in `PanResponder`, while iOS's `UIScrollView` gesture recognizers fire BEFORE the RN responder system can claim the gesture.
+The Sheet + ScrollView gesture coordination on native iOS has limitations because Hanzogui uses React Native's built-in `PanResponder`, while iOS's `UIScrollView` gesture recognizers fire BEFORE the RN responder system can claim the gesture.
 
 This causes:
 
@@ -20,7 +20,7 @@ Both `gorhom/bottom-sheet` and `react-native-actions-sheet` solve this by using
 ## Proposed API
 
 ```tsx
-import { setupGestureHandler } from '@tamagui/sheet'
+import { setupGestureHandler } from '@hanzogui/sheet'
 import { GestureHandlerRootView } from 'react-native-gesture-handler'
 
 // Call once at app startup (optional - falls back to PanResponder)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/sheet",
-  "version": "3.0.2",
+  "version": "7.0.0",
   "license": "MIT",
   "source": "src/index.ts",
   "type": "module",
@@ -51,32 +51,32 @@
     "access": "public"
   },
   "scripts": {
-    "build": "hanzo-gui-build",
-    "watch": "hanzo-gui-build --watch",
-    "clean": "hanzo-gui-build clean"
+    "build": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean"
   },
   "dependencies": {
-    "@hanzogui/adapt": "3.0.1",
-    "@hanzogui/animate-presence": "3.0.1",
-    "@hanzogui/animations-react-native": "3.0.1",
-    "@hanzogui/compose-refs": "3.0.1",
-    "@hanzogui/constants": "3.0.1",
-    "@hanzogui/core": "3.0.1",
-    "@hanzogui/create-context": "3.0.1",
-    "@hanzogui/helpers": "3.0.1",
-    "@hanzogui/native": "3.0.1",
-    "@hanzogui/portal": "3.0.1",
-    "@hanzogui/remove-scroll": "3.0.1",
-    "@hanzogui/scroll-view": "3.0.1",
-    "@hanzogui/stacks": "3.0.1",
-    "@hanzogui/use-constant": "3.0.1",
-    "@hanzogui/use-controllable-state": "3.0.1",
-    "@hanzogui/use-did-finish-ssr": "3.0.1",
-    "@hanzogui/use-keyboard-visible": "3.0.1",
-    "@hanzogui/z-index-stack": "3.0.1"
+    "@hanzogui/adapt": "^7.0.0",
+    "@hanzogui/animate-presence": "^7.0.0",
+    "@hanzogui/animations-react-native": "^7.0.0",
+    "@hanzogui/compose-refs": "^7.0.0",
+    "@hanzogui/constants": "^7.0.0",
+    "@hanzogui/core": "^7.0.0",
+    "@hanzogui/create-context": "^7.0.0",
+    "@hanzogui/helpers": "^7.0.0",
+    "@hanzogui/native": "^7.0.0",
+    "@hanzogui/portal": "^7.0.0",
+    "@hanzogui/remove-scroll": "^7.0.0",
+    "@hanzogui/scroll-view": "^7.0.0",
+    "@hanzogui/stacks": "^7.0.0",
+    "@hanzogui/use-constant": "^7.0.0",
+    "@hanzogui/use-controllable-state": "^7.0.0",
+    "@hanzogui/use-did-finish-ssr": "^7.0.0",
+    "@hanzogui/use-keyboard-visible": "^7.0.0",
+    "@hanzogui/z-index-stack": "^7.0.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "3.0.1",
+    "@hanzogui/build": "^7.0.0",
     "react": ">=19",
     "react-native": "0.83.2",
     "react-native-gesture-handler": "~2.30.0"
@@ -93,4 +93,4 @@
   },
   "module:jsx": "dist/jsx",
   "removeSideEffects": true
-}
+}

package/setup-gesture-handler/index.cjs

@@ -1,2 +1,2 @@
-// compat with tamagui static compiler
+// compat with hanzogui static compiler
 Object.assign(module.exports, require('../dist/cjs/setupGestureHandler.cjs'))

package/setup-gesture-handler/index.native.cjs

@@ -1,2 +1,2 @@
-// compat with tamagui static compiler
+// compat with hanzogui static compiler
 Object.assign(module.exports, require('../dist/cjs/setupGestureHandler.cjs'))

package/src/Sheet.tsx

@@ -44,7 +44,7 @@ export const Handle = styled(XStack, {
   } as const,
 
   defaultVariants: {
-    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+    unstyled: process.env.HANZOGUI_HEADLESS === '1',
   },
 })
 
@@ -77,7 +77,7 @@ export const Overlay = styled(YStack, {
   } as const,
 
   defaultVariants: {
-    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+    unstyled: process.env.HANZOGUI_HEADLESS === '1',
   },
 })
 
@@ -103,7 +103,7 @@ export const Frame = styled(YStack, {
   } as const,
 
   defaultVariants: {
-    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+    unstyled: process.env.HANZOGUI_HEADLESS === '1',
   },
 })
 

package/src/SheetController.tsx

@@ -8,11 +8,13 @@ import { SheetControllerContext } from './useSheetController'
 export const SheetController = ({
   children,
   onOpenChange: onOpenChangeProp,
+  onAnimationComplete: onAnimationCompleteProp,
   open,
   hidden,
   disableDrag,
 }: Partial<SheetControllerContextValue> & { children?: ReactNode }) => {
   const onOpenChange = useEvent(onOpenChangeProp)
+  const onAnimationComplete = useEvent(onAnimationCompleteProp)
   const id = useId()
 
   // track hidden transitions to signal adapt handoff
@@ -31,9 +33,10 @@ export const SheetController = ({
       hidden,
       disableDrag,
       onOpenChange,
+      onAnimationComplete,
       skipNextAnimation,
     }),
-    [id, onOpenChange, open, hidden, disableDrag, skipNextAnimation]
+    [id, onOpenChange, onAnimationComplete, open, hidden, disableDrag, skipNextAnimation]
   )
 
   return (

package/src/SheetImplementationCustom.tsx

@@ -4,7 +4,7 @@ import { useComposedRefs } from '@hanzogui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@hanzogui/constants'
 import {
   LayoutMeasurementController,
-  View as GuiView,
+  View as HanzoguiView,
   useConfiguration,
   useDidFinishSSR,
   useEvent,
@@ -224,7 +224,7 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
 
     const { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumberReaction } =
       animationDriver
-    const AnimatedView = (animationDriver.View ?? GuiView) as typeof Animated.View
+    const AnimatedView = (animationDriver.View ?? HanzoguiView) as typeof Animated.View
 
     useIsomorphicLayoutEffect(() => {
       if (!(sheetInsideSheet && open)) return
@@ -327,10 +327,16 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
           clearTimeout(opacityFallbackTimer.current)
           opacityFallbackTimer.current = null
         }
-        if (!isOpenAnimation && !open) {
+        // use openRef (live) not open (stale closure) — if the sheet
+        // was reopened before this callback fires (e.g. cancelled close
+        // animation), we must not hide it
+        if (!isOpenAnimation && !openRef.current) {
           setOpacity(0)
         }
         onAnimationComplete?.({ open: isOpenAnimation })
+        // also notify the SheetController so a parent (e.g. Dialog adapt)
+        // can hold the sheet's children mounted until the slide-out is done
+        controller?.onAnimationComplete?.({ open: isOpenAnimation })
       }
 
       // safety fallback: if animation callback never fires, still hide the sheet
@@ -438,7 +444,7 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
         setIsDragging(val)
 
         // make unselectable:
-        if (process.env.HANZO_GUI_TARGET === 'web') {
+        if (process.env.TAMAGUI_TARGET === 'web') {
           if (!sheetHiddenStyleSheet) {
             sheetHiddenStyleSheet = document.createElement('style')
             if (typeof document.head !== 'undefined') {
@@ -673,14 +679,19 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
       setMaxContentSize(next)
     }, [])
 
-    const animatedStyle = useAnimatedNumberStyle(animatedNumber, (val) => {
-      'worklet'
-      const translateY = frameSize === 0 ? hiddenSize : val
+    const getAnimatedNumberStyle = React.useCallback(
+      (val: number) => {
+        'worklet'
+        const translateY = frameSize === 0 ? hiddenSize : val
 
-      return {
-        transform: [{ translateY }],
-      }
-    })
+        return {
+          transform: [{ translateY }],
+        }
+      },
+      [frameSize]
+    )
+
+    const animatedStyle = useAnimatedNumberStyle(animatedNumber, getAnimatedNumberStyle)
 
     // we need to set this *after* fully closed to 0, to avoid it overlapping
     // the page when resizing quickly on web for example
@@ -763,7 +774,7 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
                   animatedStyle,
                 ]}
               >
-                {/* wrap children with plain RN View for panResponder - gui views no longer handle responder events on web */}
+                {/* wrap children with plain RN View for panResponder - hanzogui views no longer handle responder events on web */}
                 {gestureHandlerEnabled && panGesture ? (
                   <GestureDetectorWrapper gesture={panGesture} style={{ flex: 1 }}>
                     {props.children}
@@ -783,7 +794,7 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
       </LayoutMeasurementController>
     )
 
-    if (process.env.HANZO_GUI_TARGET === 'native' && needsPortalRepropagation()) {
+    if (process.env.TAMAGUI_TARGET === 'native' && needsPortalRepropagation()) {
       // TODO alongside sheet scope="" need to pass scope here
       const adaptContext = useAdaptContext()
       contents = (

package/src/createSheet.tsx

@@ -3,9 +3,9 @@ import { useIsomorphicLayoutEffect } from '@hanzogui/constants'
 import type {
   GetProps,
   ViewProps,
-  GuiComponent,
-  GuiComponentExpectingVariants,
-  GuiElement,
+  HanzoguiComponent,
+  HanzoguiComponentExpectingVariants,
+  HanzoguiElement,
 } from '@hanzogui/core'
 import { View } from '@hanzogui/core'
 import { composeEventHandlers, withStaticProperties } from '@hanzogui/helpers'
@@ -32,12 +32,12 @@ type SharedSheetProps = {
 
 type BaseProps = ViewProps & SharedSheetProps
 
-type SheetStyledComponent = GuiComponentExpectingVariants<BaseProps, SharedSheetProps>
+type SheetStyledComponent = HanzoguiComponentExpectingVariants<BaseProps, SharedSheetProps>
 
 export function createSheet<
-  H extends GuiComponent | SheetStyledComponent,
-  F extends GuiComponent | SheetStyledComponent,
-  O extends GuiComponent | SheetStyledComponent,
+  H extends HanzoguiComponent | SheetStyledComponent,
+  F extends HanzoguiComponent | SheetStyledComponent,
+  O extends HanzoguiComponent | SheetStyledComponent,
 >({ Handle, Frame, Overlay }: { Handle: H; Frame: F; Overlay: O }) {
   const SheetHandle = Handle.styleable<any>(
     (
@@ -45,7 +45,7 @@ export function createSheet<
       forwardedRef
     ) => {
       const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet)
-      const composedRef = useComposedRefs<GuiElement>(context.handleRef, forwardedRef)
+      const composedRef = useComposedRefs<HanzoguiElement>(context.handleRef, forwardedRef)
 
       // track if sheet was being dragged to prevent onPress toggle after drag
       const wasDraggingRef = useRef(false)
@@ -256,7 +256,7 @@ export function createSheet<
     let SheetImplementation = SheetImplementationCustom
 
     if (props.native && Platform.OS === 'ios') {
-      if (process.env.HANZO_GUI_TARGET === 'native') {
+      if (process.env.TAMAGUI_TARGET === 'native') {
         const impl = getNativeSheet('ios')
         if (impl) {
           // @ts-expect-error accepting external sheet implementation

package/src/setupGestureHandler.ts

@@ -16,10 +16,10 @@ export interface SetupGestureHandlerConfig {
 
 export function setupGestureHandler(config: SetupGestureHandlerConfig): void {
   const g = globalThis as any
-  if (g.__gui_sheet_gesture_handler_setup) {
+  if (g.__hanzogui_sheet_gesture_handler_setup) {
     return
   }
-  g.__gui_sheet_gesture_handler_setup = true
+  g.__hanzogui_sheet_gesture_handler_setup = true
 
   const { Gesture, GestureDetector, ScrollView } = config
 

package/src/useSheetController.tsx

@@ -22,6 +22,10 @@ export type SheetControllerContextValue = {
   // hide without "closing" to prevent re-animation when shown again
   hidden?: boolean
   onOpenChange?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void)
+  // fired by the sheet after its open/close animation finishes. used by
+  // Dialog adapt to know when it's safe to tear down adapted children
+  // without cutting off the slide-out mid-animation.
+  onAnimationComplete?: (state: { open: boolean }) => void
   // when true, the sheet should skip its open animation (used for adapt handoff)
   skipNextAnimation?: boolean
 }

package/src/useSheetProviderProps.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type { GuiElement } from '@hanzogui/core'
+import type { HanzoguiElement } from '@hanzogui/core'
 import { useConfiguration } from '@hanzogui/core'
 import { useConstant } from '@hanzogui/use-constant'
 import { useControllableState } from '@hanzogui/use-controllable-state'
@@ -18,8 +18,8 @@ export function useSheetProviderProps(
     onOverlayComponent?: (comp: any) => void
   } = {}
 ) {
-  const handleRef = React.useRef<GuiElement>(null)
-  const contentRef = React.useRef<GuiElement>(null)
+  const handleRef = React.useRef<HanzoguiElement>(null)
+  const contentRef = React.useRef<HanzoguiElement>(null)
   const [frameSize, setFrameSize] = React.useState<number>(0)
   const [maxContentSize, setMaxContentSize] = React.useState<number>(0)
   const snapPointsMode = props.snapPointsMode ?? 'percent'
@@ -133,7 +133,7 @@ export function useSheetProviderProps(
     throw new Error(
       process.env.NODE_ENV === 'production'
         ? `❌ 008`
-        : 'Must set animations in gui.config.ts'
+        : 'Must set animations in hanzogui.config.ts'
     )
   }
 

package/types/Sheet.d.ts

@@ -1,22 +1,22 @@
 export { createSheetScope } from './SheetContext';
 export * from './types';
-export declare const Handle: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+export declare const Handle: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     open?: boolean | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic>;
-export declare const Overlay: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+}, import("@hanzogui/core").StaticConfigPublic>;
+export declare const Overlay: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     open?: boolean | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic>;
-export declare const Frame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+}, import("@hanzogui/core").StaticConfigPublic>;
+export declare const Frame: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, import("@hanzogui/core").HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic>;
+}, import("@hanzogui/core").StaticConfigPublic>;
 export declare const Sheet: import("react").ForwardRefExoticComponent<{
     open?: boolean;
     defaultOpen?: boolean;
@@ -31,28 +31,28 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
     dismissOnSnapToBottom?: boolean;
     disableRemoveScroll?: boolean;
     forceRemoveScrollEnabled?: boolean;
-    transitionConfig?: import("@gui/core").AnimatedNumberStrategy;
+    transitionConfig?: import("@hanzogui/core").AnimatedNumberStrategy;
     preferAdaptParentOpenState?: boolean;
     unmountChildrenWhenHidden?: boolean;
     native?: "ios"[] | boolean;
-    transition?: import("@gui/core").TransitionProp;
+    transition?: import("@hanzogui/core").TransitionProp;
     handleDisableScroll?: boolean;
     disableDrag?: boolean;
     modal?: boolean;
     zIndex?: number;
-    portalProps?: import("@gui/portal").PortalProps;
+    portalProps?: import("@hanzogui/portal").PortalProps;
     moveOnKeyboardChange?: boolean;
     containerComponent?: React.ComponentType<any>;
     onAnimationComplete?: (info: {
         open: boolean;
     }) => void;
 } & {
-    __scopeSheet?: import("@gui/create-context").Scope<any>;
+    __scopeSheet?: import("@hanzogui/create-context").Scope<any>;
 } & import("react").RefAttributes<import("react-native").View>> & {
     Controlled: import("react").FunctionComponent<Omit<import("./types").SheetProps, "open" | "onOpenChange"> & import("react").RefAttributes<import("react-native").View>> & {
-        Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+        Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
             unstyled?: boolean | undefined;
-            elevation?: number | import("@gui/core").SizeTokens | undefined;
+            elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
             fullscreen?: boolean | undefined;
         }>, keyof {
             disableHideBottomOverflow?: boolean;
@@ -61,52 +61,52 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
             disableHideBottomOverflow?: boolean;
             adjustPaddingForOffscreenContent?: boolean;
         }>>;
-        Overlay: import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+        Overlay: import("@hanzogui/core").HanzoguiComponent<Omit<import("@hanzogui/core").StackNonStyleProps & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {}>> & {
             open?: boolean;
         }, "__scopeSheet"> & {
-            __scopeSheet?: import("@gui/create-context").Scope<any>;
+            __scopeSheet?: import("@hanzogui/create-context").Scope<any>;
         }, any, any, any, {
             open?: boolean;
-        }, {}> | import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+        }, {}> | import("@hanzogui/core").HanzoguiComponent<Omit<import("@hanzogui/core").StackNonStyleProps & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {}>> & {
             open?: boolean;
         }, "__scopeSheet"> & {
-            __scopeSheet?: import("@gui/create-context").Scope<any>;
+            __scopeSheet?: import("@hanzogui/create-context").Scope<any>;
         }, any, {
-            __scopeSheet?: import("@gui/create-context").Scope<any>;
+            __scopeSheet?: import("@hanzogui/create-context").Scope<any>;
         }, {}, {}, {}>;
-        Handle: import("@gui/core").GuiComponent<any, any, any, any, {
+        Handle: import("@hanzogui/core").HanzoguiComponent<any, any, any, any, {
             open?: boolean;
-        }, {}> | import("@gui/core").GuiComponent<any, any, any, {}, {}, {}>;
-        ScrollView: import("react").ForwardRefExoticComponent<Omit<import("@gui/core").GuiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@gui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+        }, {}> | import("@hanzogui/core").HanzoguiComponent<any, any, any, {}, {}, {}>;
+        ScrollView: import("react").ForwardRefExoticComponent<Omit<import("@hanzogui/core").HanzoguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@hanzogui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
                 accept: {
                     readonly contentContainerStyle: "style";
                 };
             }>> | undefined;
         }> & {
             fullscreen?: boolean | undefined;
-        } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+        } & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
                 accept: {
                     readonly contentContainerStyle: "style";
                 };
             }>> | undefined;
-        }>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+        }>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
                 accept: {
                     readonly contentContainerStyle: "style";
                 };
             }>> | undefined;
         }> & {
             fullscreen?: boolean | undefined;
-        } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+        } & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
                 accept: {
                     readonly contentContainerStyle: "style";
                 };
             }>> | undefined;
-        }>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+        }>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
                 accept: {
                     readonly contentContainerStyle: "style";
                 };
@@ -115,9 +115,9 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
             fullscreen?: boolean | undefined;
         }>> & import("react").RefAttributes<import("react-native").ScrollView>>;
     };
-    Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+    Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
         unstyled?: boolean | undefined;
-        elevation?: number | import("@gui/core").SizeTokens | undefined;
+        elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
     }>, keyof {
         disableHideBottomOverflow?: boolean;
@@ -126,52 +126,52 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
         disableHideBottomOverflow?: boolean;
         adjustPaddingForOffscreenContent?: boolean;
     }>>;
-    Overlay: import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+    Overlay: import("@hanzogui/core").HanzoguiComponent<Omit<import("@hanzogui/core").StackNonStyleProps & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {}>> & {
         open?: boolean;
     }, "__scopeSheet"> & {
-        __scopeSheet?: import("@gui/create-context").Scope<any>;
+        __scopeSheet?: import("@hanzogui/create-context").Scope<any>;
     }, any, any, any, {
         open?: boolean;
-    }, {}> | import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+    }, {}> | import("@hanzogui/core").HanzoguiComponent<Omit<import("@hanzogui/core").StackNonStyleProps & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {}>> & {
         open?: boolean;
     }, "__scopeSheet"> & {
-        __scopeSheet?: import("@gui/create-context").Scope<any>;
+        __scopeSheet?: import("@hanzogui/create-context").Scope<any>;
     }, any, {
-        __scopeSheet?: import("@gui/create-context").Scope<any>;
+        __scopeSheet?: import("@hanzogui/create-context").Scope<any>;
     }, {}, {}, {}>;
-    Handle: import("@gui/core").GuiComponent<any, any, any, any, {
+    Handle: import("@hanzogui/core").HanzoguiComponent<any, any, any, any, {
         open?: boolean;
-    }, {}> | import("@gui/core").GuiComponent<any, any, any, {}, {}, {}>;
-    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("@gui/core").GuiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@gui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+    }, {}> | import("@hanzogui/core").HanzoguiComponent<any, any, any, {}, {}, {}>;
+    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("@hanzogui/core").HanzoguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@hanzogui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
             accept: {
                 readonly contentContainerStyle: "style";
             };
         }>> | undefined;
     }> & {
         fullscreen?: boolean | undefined;
-    } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+    } & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
             accept: {
                 readonly contentContainerStyle: "style";
             };
         }>> | undefined;
-    }>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+    }>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
             accept: {
                 readonly contentContainerStyle: "style";
             };
         }>> | undefined;
     }> & {
         fullscreen?: boolean | undefined;
-    } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+    } & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
             accept: {
                 readonly contentContainerStyle: "style";
             };
         }>> | undefined;
-    }>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+    }>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@hanzogui/core").InferStyleProps<typeof import("react-native").ScrollView, {
             accept: {
                 readonly contentContainerStyle: "style";
             };