@hanzogui/popper 3.0.2 → 7.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/popper",
-  "version": "3.0.2",
+  "version": "7.0.0",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -30,23 +30,23 @@
     "access": "public"
   },
   "scripts": {
-    "build": "hanzo-gui-build",
-    "watch": "hanzo-gui-build --watch",
-    "clean": "hanzo-gui-build clean",
-    "clean:build": "hanzo-gui-build clean:build"
+    "build": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "3.0.1",
-    "@hanzogui/constants": "3.0.1",
-    "@hanzogui/core": "3.0.1",
-    "@hanzogui/floating": "3.0.1",
-    "@hanzogui/get-token": "3.0.1",
-    "@hanzogui/stacks": "3.0.1",
-    "@hanzogui/start-transition": "3.0.1",
-    "@hanzogui/use-controllable-state": "3.0.1"
+    "@hanzogui/compose-refs": "^7.0.0",
+    "@hanzogui/constants": "^7.0.0",
+    "@hanzogui/core": "^7.0.0",
+    "@hanzogui/floating": "^7.0.0",
+    "@hanzogui/get-token": "^7.0.0",
+    "@hanzogui/stacks": "^7.0.0",
+    "@hanzogui/start-transition": "^7.0.0",
+    "@hanzogui/use-controllable-state": "^7.0.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "3.0.1",
+    "@hanzogui/build": "^7.0.0",
     "react": ">=19",
     "react-native": "0.83.2"
   },
@@ -55,4 +55,4 @@
     "react-native": "*"
   },
   "module:jsx": "dist/jsx"
-}
+}

package/src/Popper.tsx

@@ -2,10 +2,10 @@
 import { flushSync } from 'react-dom'
 import { useComposedRefs } from '@hanzogui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@hanzogui/constants'
-import type { SizeTokens, GuiElement, ViewProps } from '@hanzogui/core'
+import type { SizeTokens, HanzoguiElement, ViewProps } from '@hanzogui/core'
 import {
   LayoutMeasurementController,
-  View as GuiView,
+  View as HanzoguiView,
   createStyledContext,
   getVariableValue,
   registerLayoutNode,
@@ -191,7 +191,7 @@ export type PopperProps = {
 }
 
 const checkFloating =
-  process.env.HANZO_GUI_TARGET === 'native'
+  process.env.TAMAGUI_TARGET === 'native'
     ? {
         name: 'checkFloating',
         fn(data: any) {
@@ -262,10 +262,10 @@ const transformOriginMiddleware = (options: {
   },
 })
 
-// replaces floating-ui's autoUpdate with gui's batched IO measurement loop
+// replaces floating-ui's autoUpdate with hanzogui's batched IO measurement loop
 // keeps scroll/resize listeners for immediate response, but replaces per-element
 // ResizeObserver + IntersectionObserver with the shared layoutOnAnimationFrame loop
-function guiAutoUpdate(
+function hanzoguiAutoUpdate(
   reference: ReferenceType,
   floating: HTMLElement,
   update: () => void
@@ -286,7 +286,7 @@ function guiAutoUpdate(
     },
   ]
 
-  // watch reference element via gui's IO measurement loop
+  // watch reference element via hanzogui's IO measurement loop
   // only watch reference, NOT floating — watching floating causes loops
   // (computePosition sets position → rect changes → update → repeat)
   if (reference instanceof HTMLElement) {
@@ -360,7 +360,7 @@ export function Popper(props: PopperProps) {
         : (null as any),
       arrowEl ? arrow({ element: arrowEl }) : (null as any),
       checkFloating,
-      process.env.HANZO_GUI_TARGET !== 'native' && resize
+      process.env.TAMAGUI_TARGET !== 'native' && resize
         ? sizeMiddleware({
             padding: typeof stayInFrame === 'object' ? stayInFrame.padding : 10,
             apply({ availableHeight, availableWidth }) {
@@ -382,32 +382,32 @@ export function Popper(props: PopperProps) {
           })
         : (null as any),
       // Add size middleware for CSS custom properties (web only)
-      process.env.HANZO_GUI_TARGET !== 'native'
+      process.env.TAMAGUI_TARGET !== 'native'
         ? sizeMiddleware({
             apply({ elements, rects, availableWidth, availableHeight }) {
               const { width: anchorWidth, height: anchorHeight } = rects.reference
               const contentStyle = elements.floating.style
               contentStyle.setProperty(
-                '--gui-popper-available-width',
+                '--hanzogui-popper-available-width',
                 `${availableWidth}px`
               )
               contentStyle.setProperty(
-                '--gui-popper-available-height',
+                '--hanzogui-popper-available-height',
                 `${availableHeight}px`
               )
               contentStyle.setProperty(
-                '--gui-popper-anchor-width',
+                '--hanzogui-popper-anchor-width',
                 `${anchorWidth}px`
               )
               contentStyle.setProperty(
-                '--gui-popper-anchor-height',
+                '--hanzogui-popper-anchor-height',
                 `${anchorHeight}px`
               )
             },
           })
         : (null as any),
       // Transform origin middleware (web only)
-      process.env.HANZO_GUI_TARGET !== 'native'
+      process.env.TAMAGUI_TARGET !== 'native'
         ? transformOriginMiddleware({
             arrowHeight: arrowSize,
             arrowWidth: arrowSize,
@@ -421,7 +421,7 @@ export function Popper(props: PopperProps) {
     strategy,
     placement,
     sameScrollView: false, // this only takes effect on native
-    whileElementsMounted: !isOpen ? undefined : guiAutoUpdate,
+    whileElementsMounted: !isOpen ? undefined : hanzoguiAutoUpdate,
     platform:
       (disableRTL ?? setupOptions.disableRTL)
         ? {
@@ -434,7 +434,7 @@ export function Popper(props: PopperProps) {
     middleware: middlewareRef.current,
   })
 
-  if (process.env.HANZO_GUI_TARGET !== 'native') {
+  if (process.env.TAMAGUI_TARGET !== 'native') {
     // add our size middleware here
     floating = React.useMemo(() => {
       const og = floating.getFloatingProps
@@ -455,7 +455,7 @@ export function Popper(props: PopperProps) {
 
   const { middlewareData } = floating
 
-  if (process.env.HANZO_GUI_TARGET === 'native') {
+  if (process.env.TAMAGUI_TARGET === 'native') {
     // On Native there's no autoupdate so we call update() when necessary
 
     // Subscribe to window dimensions (orientation, scale, etc...)
@@ -524,7 +524,7 @@ export function Popper(props: PopperProps) {
  * PopperAnchor
  * -----------------------------------------------------------------------------------------------*/
 
-type PopperAnchorRef = GuiElement
+type PopperAnchorRef = HanzoguiElement
 
 export type PopperAnchorExtraProps = {
   virtualRef?: React.RefObject<any>
@@ -586,7 +586,7 @@ export const PopperAnchor = YStack.styleable<PopperAnchorExtraProps>(
     )
 
     return (
-      <GuiView
+      <HanzoguiView
         {...rest}
         {...refProps}
         ref={composedRefs}
@@ -627,7 +627,7 @@ export const PopperAnchor = YStack.styleable<PopperAnchorExtraProps>(
  * PopperContent
  * -----------------------------------------------------------------------------------------------*/
 
-type PopperContentElement = GuiElement
+type PopperContentElement = HanzoguiElement
 
 export type PopperContentProps = SizableStackProps & {
   scope?: string
@@ -824,7 +824,7 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
 
     return (
       <LayoutMeasurementController disable={!context.open}>
-        <GuiView
+        <HanzoguiView
           passThrough={passThrough}
           ref={contentRefs}
           direction={rest.direction}
@@ -849,7 +849,7 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
           >
             {children}
           </PopperContentFrame>
-        </GuiView>
+        </HanzoguiView>
       </LayoutMeasurementController>
     )
   }
@@ -885,7 +885,7 @@ export const PopperArrowFrame = styled(YStack, {
   } as const,
 
   defaultVariants: {
-    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+    unstyled: process.env.HANZOGUI_HEADLESS === '1',
   },
 })
 
@@ -906,7 +906,7 @@ const PopperArrowOuterFrame = styled(YStack, {
   } as const,
 
   defaultVariants: {
-    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+    unstyled: process.env.HANZOGUI_HEADLESS === '1',
   },
 })
 
@@ -919,7 +919,7 @@ const opposites = {
 
 type Sides = keyof typeof opposites
 
-export const PopperArrow = React.forwardRef<GuiElement, PopperArrowProps>(
+export const PopperArrow = React.forwardRef<HanzoguiElement, PopperArrowProps>(
   function PopperArrow(propsIn, forwardedRef) {
     const { scope, animatePosition, transition, ...rest } = propsIn
     const { offset, size: sizeProp, borderWidth = 0, ...arrowProps } = rest

package/types/Popper.d.ts

@@ -1,8 +1,8 @@
-import type { SizeTokens, GuiElement } from '@gui/core';
-import type { PopupTriggerMap } from '@gui/floating';
-import type { Coords, OffsetOptions, Placement, SizeOptions, Strategy, UseFloatingReturn } from '@gui/floating';
-import { flip, shift } from '@gui/floating';
-import type { SizableStackProps, YStackProps } from '@gui/stacks';
+import type { SizeTokens, HanzoguiElement } from '@hanzogui/core';
+import type { PopupTriggerMap } from '@hanzogui/floating';
+import type { Coords, OffsetOptions, Placement, SizeOptions, Strategy, UseFloatingReturn } from '@hanzogui/floating';
+import { flip, shift } from '@hanzogui/floating';
+import type { SizableStackProps, YStackProps } from '@hanzogui/stacks';
 import * as React from 'react';
 type ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never;
 type FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never;
@@ -22,8 +22,8 @@ export type PopperContextShared = {
     };
 };
 export type PopperContextValue = UseFloatingReturn & PopperContextShared;
-export declare const PopperContextFast: import("@gui/core").StyledContext<PopperContextValue>;
-export declare const PopperPositionContext: <VariantProps extends Record<string, any>>(defaultValues?: VariantProps, namespace?: string) => import("@gui/core").StyledContext<VariantProps>;
+export declare const PopperContextFast: import("@hanzogui/core").StyledContext<PopperContextValue>;
+export declare const PopperPositionContext: <VariantProps extends Record<string, any>>(defaultValues?: VariantProps, namespace?: string) => import("@hanzogui/core").StyledContext<VariantProps>;
 export declare const usePopperContext: (scope?: string) => PopperContextValue, PopperProviderFast: React.Provider<PopperContextValue> & React.ProviderExoticComponent<Partial<PopperContextValue> & {
     children?: React.ReactNode;
     scope?: string;
@@ -33,7 +33,7 @@ export type PopperContextSlowValue = Pick<UseFloatingReturn, 'getReferenceProps'
     onLeaveReference?: () => void;
     triggerElements?: PopupTriggerMap;
 };
-export declare const PopperContextSlow: import("@gui/core").StyledContext<PopperContextSlowValue>;
+export declare const PopperContextSlow: import("@hanzogui/core").StyledContext<PopperContextSlowValue>;
 export declare const usePopperContextSlow: (scope?: string) => PopperContextSlowValue, PopperProviderSlow: React.Provider<PopperContextSlowValue> & React.ProviderExoticComponent<Partial<PopperContextSlowValue> & {
     children?: React.ReactNode;
     scope?: string;
@@ -97,13 +97,13 @@ export type PopperAnchorExtraProps = {
     scope?: string;
 };
 export type PopperAnchorProps = YStackProps;
-export declare const PopperAnchor: import("@gui/core").GuiComponent<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+export declare const PopperAnchor: import("@hanzogui/core").HanzoguiComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}>, keyof PopperAnchorExtraProps> & PopperAnchorExtraProps, GuiElement, import("@gui/core").RNGuiViewNonStyleProps & PopperAnchorExtraProps, import("@gui/core").StackStyleBase, {
+}>, keyof PopperAnchorExtraProps> & PopperAnchorExtraProps, HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps & PopperAnchorExtraProps, import("@hanzogui/core").StackStyleBase, {
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic>;
+}, import("@hanzogui/core").StaticConfigPublic>;
 export type PopperContentProps = SizableStackProps & {
     scope?: string;
     /**
@@ -114,36 +114,36 @@ export type PopperContentProps = SizableStackProps & {
     enableAnimationForPositionChange?: boolean | 'even-when-repositioning';
     passThrough?: boolean;
 };
-export declare const PopperContentFrame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+export declare const PopperContentFrame: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     size?: SizeTokens | undefined;
     unstyled?: boolean | undefined;
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic>;
-export declare const PopperContent: React.ForwardRefExoticComponent<Omit<import("@gui/core").RNGuiViewNonStyleProps, "size" | "unstyled" | "elevation" | keyof import("@gui/core").StackStyleBase | "fullscreen" | "transparent" | "circular" | "elevate" | "bordered" | "chromeless"> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & {
-    size?: import("@gui/core").SizeTokens | undefined;
+}, import("@hanzogui/core").StaticConfigPublic>;
+export declare const PopperContent: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, "size" | "unstyled" | "elevation" | keyof import("@hanzogui/core").StackStyleBase | "fullscreen" | "transparent" | "circular" | "elevate" | "bordered" | "chromeless"> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & {
+    size?: import("@hanzogui/core").SizeTokens | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     transparent?: boolean | undefined;
     fullscreen?: boolean | undefined;
     circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
-} & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & {
-    size?: import("@gui/core").SizeTokens | undefined;
+} & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>> & import("@hanzogui/core").WithPseudoProps<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & {
+    size?: import("@hanzogui/core").SizeTokens | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     transparent?: boolean | undefined;
     fullscreen?: boolean | undefined;
     circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
-} & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {
-    size?: import("@gui/core").SizeTokens | undefined;
+} & import("@hanzogui/core").WithShorthands<import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase>>> & import("@hanzogui/core").WithMediaProps<import("@hanzogui/core").WithThemeShorthandsAndPseudos<import("@hanzogui/core").StackStyleBase, {
+    size?: import("@hanzogui/core").SizeTokens | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/core").SizeTokens | undefined;
     transparent?: boolean | undefined;
     fullscreen?: boolean | undefined;
     circular?: boolean | undefined;
@@ -159,7 +159,7 @@ export declare const PopperContent: React.ForwardRefExoticComponent<Omit<import(
     /** @deprecated Use `animatePosition` instead */
     enableAnimationForPositionChange?: boolean | "even-when-repositioning";
     passThrough?: boolean;
-} & React.RefAttributes<GuiElement>>;
+} & React.RefAttributes<HanzoguiElement>>;
 export type PopperArrowExtraProps = {
     offset?: number;
     size?: SizeTokens;
@@ -170,14 +170,14 @@ export type PopperArrowExtraProps = {
     animatePosition?: boolean;
 };
 export type PopperArrowProps = YStackProps & PopperArrowExtraProps;
-export declare const PopperArrowFrame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+export declare const PopperArrowFrame: import("@hanzogui/core").HanzoguiComponent<import("@hanzogui/core").TamaDefer, HanzoguiElement, import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     unstyled?: boolean | undefined;
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, import("@gui/core").StaticConfigPublic>;
-export declare const PopperArrow: React.ForwardRefExoticComponent<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+}, import("@hanzogui/core").StaticConfigPublic>;
+export declare const PopperArrow: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNHanzoguiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}>, keyof import("@gui/stacks").StackVariants> & import("@gui/stacks").StackVariants & PopperArrowExtraProps & React.RefAttributes<GuiElement>>;
+}>, keyof import("@hanzogui/stacks").StackVariants> & import("@hanzogui/stacks").StackVariants & PopperArrowExtraProps & React.RefAttributes<HanzoguiElement>>;
 export {};
 //# sourceMappingURL=Popper.d.ts.map