@hanzogui/web 7.0.0 → 7.3.0

package/src/eventHandling.native.ts

@@ -5,6 +5,7 @@
 import { composeEventHandlers } from '@hanzogui/helpers'
 import { getGestureHandler } from '@hanzogui/native'
 import React, { useRef } from 'react'
+import { Platform, View } from 'react-native'
 import { useMainThreadPressEvents } from './helpers/mainThreadPressEvents'
 import type { StaticConfig, GuiComponentStateRef } from './types'
 
@@ -77,7 +78,7 @@ export function useEvents(
   // _internalInstanceHandle on a null native view). By passing events down, the inner
   // component handles gesture detection at its own level.
   //
-  // Composite component special case - when styled() wraps a non-Tamagui component
+  // Composite component special case - when styled() wraps a non-Gui component
   // (e.g. React.forwardRef), the elementType becomes that composite component.
   // GestureDetector/responder wrapping around a composite component breaks during
   // re-renders triggered by pressStyle state changes (the gesture/responder loses
@@ -153,14 +154,6 @@ export function useEvents(
       }
       // TODO update viewProps.hitSlop / events.delayLongPress!
 
-      // Claim responder to block parent RN Pressable/TouchableOpacity from firing.
-      // RNGH handles the actual press, but we need to tell the responder system
-      // that we're handling this touch to prevent it bubbling to parent pressables.
-      if (hasPressEvents) {
-        viewProps.onStartShouldSetResponder = () => true
-        viewProps.onResponderTerminationRequest = () => false
-      }
-
       return gestureRef.current
     }
 
@@ -202,5 +195,33 @@ export function wrapWithGestureDetector(
     return content
   }
 
-  return React.createElement(GestureDetector, { gesture: gestureToUse }, content)
+  const detector = React.createElement(
+    GestureDetector,
+    { gesture: gestureToUse },
+    content
+  )
+
+  // wrap in a responder-claiming View OUTSIDE the GestureDetector.
+  // this blocks parent RN Pressable/TouchableOpacity from firing when
+  // a press lands on this component, without causing the RNGH deadlock
+  // that happens when responder claims are applied to a view inside
+  // the gesture-managed subtree (RNGH intercepts UIManager.setJSResponder
+  // globally — when the claimant is one of its own gesture targets it
+  // creates a coordination conflict, especially at scale on first mount).
+  return React.createElement(
+    View,
+    {
+      collapsable: false,
+      // display: contents keeps the wrapper transparent to layout (new arch /
+      // Fabric) so it doesn't become an extra flex child and shift siblings.
+      style: responderWrapperStyle,
+      onStartShouldSetResponder: responderClaim,
+      onResponderTerminationRequest: responderDeny,
+    },
+    detector
+  )
 }
+
+const responderClaim = () => true
+const responderDeny = () => false
+const responderWrapperStyle = { display: 'contents' } as const

package/src/helpers/createMediaStyle.ts

@@ -3,7 +3,7 @@ import { mediaObjectToString } from './mediaObjectToString'
 import type { IsMediaType, MediaQueries, MediaStyleObject, StyleObject } from '../types'
 import { getGroupPropParts, type GroupParts } from './getGroupPropParts'
 
-// TODO have this be used by extractMediaStyle in hanzo-gui static
+// TODO have this be used by extractMediaStyle in gui static
 // not synced to static/constants for now
 export const MEDIA_SEP = '_'
 

package/src/helpers/defaultAnimationDriver.tsx

@@ -2,7 +2,7 @@ import type { AnimationDriver } from '../types'
 
 const noAnimationDriver = (method: string): any => {
   console.warn(
-    `No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.hanzo.ai/docs/core/animations`
+    `No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.dev/docs/core/animations`
   )
 }
 

package/src/helpers/getSplitStyles.tsx

@@ -1039,7 +1039,7 @@ export const getSplitStyles: StyleSplitter = (
           function mergeMediaStyle(key: string, val: any, originalVal?: any) {
             // on native, non-style keys from media queries (like numberOfLines)
             // need to go to viewProps, not style
-            if (process.env.TAMAGUI_TARGET === 'native') {
+            if (process.env.GUI_TARGET === 'native') {
               if (!isValidStyleKey(key, validStyles, accept)) {
                 viewProps[key] = val
                 return

package/src/helpers/getTokenForKey.ts

@@ -18,6 +18,20 @@ const fontShorthand = {
 let didLogMissingToken = false
 const colorKeys = tokenCategories.color
 
+// flat reverse-lookup: tokenCategoryByKey[propName] → category name.
+// replaces an O(categories) for-in scan at the hot path below that
+// iterates every category on every `$token` prop resolve. a sootsim
+// scroll profile of Uniswap spent material worker CPU walking five
+// categories per prop per render — one `key in tokenCategoryByKey`
+// lookup collapses that to O(1). tokenCategories is module-constant so
+// it's safe to flatten once at module init.
+const tokenCategoryByKey: Record<string, string> = {}
+for (const _cat in tokenCategories) {
+  for (const _k in tokenCategories[_cat as keyof typeof tokenCategories]) {
+    tokenCategoryByKey[_k] = _cat
+  }
+}
+
 // mutable state for font family tracking across propMapper
 let _lastFontFamilyToken: any = null
 
@@ -123,37 +137,36 @@ export const getTokenForKey = (
           break
         }
       }
-      for (const cat in tokenCategories) {
-        if (key in tokenCategories[cat]) {
-          const res = tokensParsed[cat]?.[value]
+      const cat = tokenCategoryByKey[key]
+      if (cat !== undefined) {
+        const res = tokensParsed[cat]?.[value]
 
-          if (res != null) {
-            valOrVar = res
-            hasSet = true
-          } else {
-            if (process.env.NODE_ENV === 'development') {
-              if (process.env.GUI_DISABLE_MISSING_TOKEN_LOG !== '1') {
-                if (!didLogMissingToken) {
-                  didLogMissingToken = true
-                  console.groupCollapsed(
-                    `[hanzo-gui] Warning: missing token ${key} in category ${cat} - ${value} (open for details)`
-                  )
-                  console.info(
-                    `Note: this could just be due to you not setting all the theme tokens GUI expects, which is harmless, but
-                    it also often can be because you have a duplicated GUI in your bundle, which can cause tricky bugs.`
-                  )
-                  console.info(
-                    `To see if you have duplicated dependencies, in Chrome DevTools hit CMD+P and type GuiProvider.
+        if (res != null) {
+          valOrVar = res
+          hasSet = true
+        } else {
+          if (process.env.NODE_ENV === 'development') {
+            if (process.env.GUI_DISABLE_MISSING_TOKEN_LOG !== '1') {
+              if (!didLogMissingToken) {
+                didLogMissingToken = true
+                console.groupCollapsed(
+                  `[gui] Warning: missing token ${key} in category ${cat} - ${value} (open for details)`
+                )
+                console.info(
+                  `Note: this could just be due to you not setting all the theme tokens Gui expects, which is harmless, but
+                    it also often can be because you have a duplicated Gui in your bundle, which can cause tricky bugs.`
+                )
+                console.info(
+                  `To see if you have duplicated dependencies, in Chrome DevTools hit CMD+P and type GuiProvider.
                     If you see both a .cjs and a .mjs entry, it's duplicated.`
-                  )
-                  console.info(
-                    `You can debug that issue by opening the .mjs and .cjs files and setting a breakpoint at the top of each.`
-                  )
-                  console.info(
-                    `We only log this warning one time as it's sometimes harmless, to disable this log entirely set process.env.GUI_DISABLE_MISSING_TOKEN_LOG=1.`
-                  )
-                  console.groupEnd()
-                }
+                )
+                console.info(
+                  `You can debug that issue by opening the .mjs and .cjs files and setting a breakpoint at the top of each.`
+                )
+                console.info(
+                  `We only log this warning one time as it's sometimes harmless, to disable this log entirely set process.env.GUI_DISABLE_MISSING_TOKEN_LOG=1.`
+                )
+                console.groupEnd()
               }
             }
           }

package/src/helpers/insertStyleRule.tsx

@@ -8,7 +8,7 @@ import type {
   TokensParsed,
 } from '../types'
 
-// only cache hanzo-gui styles
+// only cache gui styles
 // TODO merge totalSelectorsInserted and allSelectors?
 const scannedCache = new WeakMap<CSSStyleSheet, string>()
 const totalSelectorsInserted = new Map<string, number>()
@@ -267,7 +267,7 @@ function getGuiSelector(
       return collectThemes ? [id, rule, true] : [id, rule]
     }
   } else if (rule instanceof CSSMediaRule) {
-    // hanzo-gui only ever inserts 1 rule per media
+    // gui only ever inserts 1 rule per media
     if (rule.cssRules.length > 1) return
     return getGuiSelector(rule.cssRules[0])
   }

package/src/helpers/isActivePlatform.ts

@@ -5,11 +5,11 @@ import { currentPlatform, isAndroid, isIos, isTV } from '@hanzogui/constants'
  * platform selectors reliably override more general ones regardless of the order
  * props are declared.
  *
- * Cascade (low -> high importance):
- *   $platform-native / $platform-web         -> bump 0  (widest)
- *   $platform-android / $platform-ios        -> bump 1  (OS-specific)
- *   $platform-tv                             -> bump 2  (TV subset of Android/iOS)
- *   $platform-androidtv / $platform-tvos     -> bump 3  (most specific)
+ * Cascade (low → high importance):
+ *   $platform-native / $platform-web         → bump 0  (widest)
+ *   $platform-android / $platform-ios        → bump 1  (OS-specific)
+ *   $platform-tv                             → bump 2  (TV subset of Android/iOS)
+ *   $platform-androidtv / $platform-tvos     → bump 3  (most specific)
  *
  * @param mediaKeyShort - Platform media key without the leading '$' (e.g. 'platform-tv', 'platform-androidtv')
  */

package/src/helpers/mergeProps.ts

@@ -102,7 +102,7 @@ function mergeProp(
 ) {
   let val = props[key]
 
-  // one special case - we merge hanzo-gui style sub-objects
+  // one special case - we merge gui style sub-objects
   if (
     defaultProps &&
     key in defaultProps &&

package/src/helpers/skipProps.ts

@@ -2,7 +2,7 @@ import { nativeOnlyProps } from './nativeOnlyProps'
 import { webPropsToSkip } from './webPropsToSkip'
 
 /**
- * These are props that dont pass down below GUI styled components
+ * These are props that dont pass down below Gui styled components
  */
 export const skipProps = {
   untilMeasured: 1,

package/src/helpers/useRenderElement.tsx

@@ -32,7 +32,10 @@ export function evaluateRenderProp(
   // String tag - swap element type, reuse props from defaultElement
   if (typeof render === 'string') {
     // on native, ignore lowercase tags (html/jsx elements like "div", "span")
-    if (process.env.GUI_TARGET === 'native' && render[0] === render[0].toLowerCase()) {
+    if (
+      process.env.GUI_TARGET === 'native' &&
+      render[0] === render[0].toLowerCase()
+    ) {
       return defaultElement
     }
     return createElement(render, props, defaultChildren)

package/src/hooks/useTheme.tsx

@@ -32,9 +32,9 @@ export const useThemeWithState = (
     if (!props.passThrough && !themeState?.theme) {
       if (process.env.GUI_DISABLE_NO_THEME_WARNING !== '1') {
         console.error(
-          `[hanzo-gui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(
+          `[gui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(
             props
-          )}).\n\nIf this is intended and you are using GUI without any themes, you can disable this warning by setting the environment variable GUI_DISABLE_NO_THEME_WARNING=1`
+          )}).\n\nIf this is intended and you are using Gui without any themes, you can disable this warning by setting the environment variable GUI_DISABLE_NO_THEME_WARNING=1`
         )
       }
     }

package/src/interfaces/GuiComponentPropsBaseBase.tsx

@@ -1,4 +1,10 @@
-import type { DebugProp, ThemeName, GroupNames, Role, GuiComponentState } from '../types'
+import type {
+  DebugProp,
+  ThemeName,
+  GroupNames,
+  Role,
+  GuiComponentState,
+} from '../types'
 
 export type GuiComponentPropsBaseBase = {
   target?: string
@@ -62,13 +68,13 @@ export type GuiComponentPropsBaseBase = {
 
   /**
    * Marks this component as a group for use in styling children based on parents named group
-   * See: https://gui.hanzo.ai/docs/intro/props
+   * See: https://gui.dev/docs/intro/props
    */
   group?: GroupNames | boolean
 
   /**
    * Works only alongside group, when children of the group are using container based sizing on native you can hide them until parent is measured.
-   * See: https://gui.hanzo.ai/docs/intro/props
+   * See: https://gui.dev/docs/intro/props
    */
   untilMeasured?: 'hide' | 'show'
 
@@ -105,7 +111,7 @@ export type GuiComponentPropsBaseBase = {
 
   /**
    * Adds some area outside the typical bounds of the component for touch actions to register.
-   * GUI uses Pressable internally so it supports `number | Insets` rather than just `Insets`
+   * Gui uses Pressable internally so it supports `number | Insets` rather than just `Insets`
    */
   hitSlop?: number | Insets | null
 }

package/src/styled.tsx

@@ -82,7 +82,7 @@ type TextLikeElements =
   | 'u'
   | 'var'
 
-// props that conflict with hanzo-gui style props
+// props that conflict with gui style props
 type ConflictingHTMLProps =
   | 'color'
   | 'display'
@@ -213,7 +213,7 @@ export function styledHtml<
 }
 
 /**
- * styled() for creating GUI components from other components.
+ * styled() for creating Gui components from other components.
  */
 function styled<
   ParentComponent extends StylableComponent,

package/src/types.tsx

@@ -298,13 +298,13 @@ export type GuiComponentPropsBaseBase = {
 
   /**
    * Marks this component as a group for use in styling children based on parents named group
-   * See: https://gui.hanzo.ai/docs/intro/props
+   * See: https://gui.dev/docs/intro/props
    */
   group?: GroupNames | boolean
 
   /**
    * Works only alongside group, when children of the group are using container based sizing on native you can hide them until parent is measured.
-   * See: https://gui.hanzo.ai/docs/intro/props
+   * See: https://gui.dev/docs/intro/props
    */
   untilMeasured?: 'hide' | 'show'
 
@@ -341,7 +341,7 @@ export type GuiComponentPropsBaseBase = {
 
   /**
    * Adds some area outside the typical bounds of the component for touch actions to register.
-   * GUI uses Pressable internally so it supports `number | Insets` rather than just `Insets`
+   * Gui uses Pressable internally so it supports `number | Insets` rather than just `Insets`
    */
   hitSlop?: number | Insets | null
 
@@ -513,7 +513,7 @@ export interface GuiElementMethods {
 
 /**
  * Cross-platform element ref type. On web, includes GuiElementMethods
- * (measure, focus, blur) which GUI adds at runtime. On native, View
+ * (measure, focus, blur) which Gui adds at runtime. On native, View
  * already has these via NativeMethods.
  */
 export type GuiElement = (HTMLElement & GuiElementMethods) | View
@@ -528,7 +528,8 @@ export type GuiTextElement = (HTMLElement & GuiElementMethods) | RNText
  * const ref = useRef<GuiWebElement<HTMLInputElement>>(null)
  * // ref.current has both HTMLInputElement props and GuiElementMethods
  */
-export type GuiWebElement<T extends HTMLElement = HTMLElement> = T & GuiElementMethods
+export type GuiWebElement<T extends HTMLElement = HTMLElement> = T &
+  GuiElementMethods
 
 export type DebugProp = boolean | 'break' | 'verbose' | 'visualize' | 'profile'
 
@@ -720,7 +721,7 @@ type TokenifyRecord<A extends object> = {
 type CoerceToVariable<A> = A extends Variable ? A : Variable<A>
 
 export type GuiBaseTheme = {
-  // defined for our hanzo-gui kit , we could do this inside `gui`
+  // defined for our gui kit , we could do this inside `gui`
   // but maybe helpful to have some sort of universally shared things +
   // + enforce if they want their own, redefine in their design sys
   background: VariableColorVal
@@ -780,7 +781,7 @@ type GenericAnimations = {
 //
 // const config = createGui(...)
 // type MyConfig = typeof config
-// declare module '@hanzo/gui' {
+// declare module 'hanzogui' {
 //   export interface GuiCustomConfig extends MyConfig {}
 // }
 // now your whole app/kit should be typed correctly
@@ -1074,19 +1075,19 @@ type AutocompleteSpecificTokensSetting = boolean | 'except-special'
 export interface GenericGuiSettings {
   /**
    * When true, flexBasis will be set to 0 when flex is positive. This will be
-   * the default in v2 of GUI alongside an alternative mode for web compat.
+   * the default in v2 of Gui alongside an alternative mode for web compat.
    */
   styleCompat?: 'react-native' | 'legacy'
 
   // TODO
   /**
-   * When true, GUI will always prefer a more specific style prop over a
+   * When true, Gui will always prefer a more specific style prop over a
    * less specific one.
    *
-   * By default, GUI processes all style props in order of definition on the
+   * By default, Gui processes all style props in order of definition on the
    * object. This is a bit strange to most people, but it gets around many
    * annoying issues with specificity. You can see our docs on this here:
-   * https://gui.hanzo.ai/docs/intro/styles#style-order-is-important
+   * https://gui.dev/docs/intro/styles#style-order-is-important
    *
    * But this can be confusing in simple cases, like when you do:
    *
@@ -1134,12 +1135,12 @@ export interface GenericGuiSettings {
   autocompleteSpecificTokens?: AutocompleteSpecificTokensSetting
 
   /**
-   * On iOS, this enables a mode where GUI returns color values using
+   * On iOS, this enables a mode where Gui returns color values using
    * `DynamicColorIOS` This is a React Native built in feature, you can read the
    * docs here: https://reactnative.dev/docs/dynamiccolorios
    *
    * We're working to make this enabled by default without any setting, but
-   * GUI themes support inversing and/or changing to light/dark at any point
+   * Gui themes support inversing and/or changing to light/dark at any point
    * in the tree. We haven't implemented support for either of these cases when
    * combined with this feature.
    *
@@ -1188,7 +1189,7 @@ export interface GenericGuiSettings {
   /**
    * If building a non-server rendered app, set this to true.
    *
-   * For SSR compatibility on the web, GUI will render once with the settings
+   * For SSR compatibility on the web, Gui will render once with the settings
    * from `mediaQueryDefaultActive` set for all media queries. Then, it will render
    * again after the initial render using the proper media query values. This is so that
    * hydration will match perfectly with the server.
@@ -1218,7 +1219,7 @@ export interface GenericGuiSettings {
   /**
    * If you want to style your <body> tag to use theme CSS variables on web, you
    * must place the theme className onto the body element or above. This will do so.
-   * If disabled, GUI will place the className onto the element rendered by
+   * If disabled, Gui will place the className onto the element rendered by
    * the GuiProvider
    *
    * @default html
@@ -1226,7 +1227,7 @@ export interface GenericGuiSettings {
   addThemeClassName?: 'body' | 'html' | false
 
   /**
-   * Sets the default position value for all GUI components.
+   * Sets the default position value for all Gui components.
    * @default 'static'
    */
   defaultPosition?: 'static' | 'relative'
@@ -1551,7 +1552,10 @@ type WebOnlySizeValue =
   | 'max-content'
   | 'min-content'
 
-type UserAllowedStyleValuesSetting = Exclude<GuiSettings['allowedStyleValues'], undefined>
+type UserAllowedStyleValuesSetting = Exclude<
+  GuiSettings['allowedStyleValues'],
+  undefined
+>
 
 export type GetThemeValueSettingForCategory<
   Cat extends keyof AllowedStyleValuesSettingPerCategory,
@@ -1581,7 +1585,8 @@ export type GetThemeValueFallbackFor<
 export type ThemeValueFallback =
   // for backwards compat with overriding the type we make this either UnionableString
   // or never if they don't define any UserAllowedStyleValuesSetting
-  (GuiSettings extends { allowedStyleValues: any } ? never : UnionableString) | Variable
+  | (GuiSettings extends { allowedStyleValues: any } ? never : UnionableString)
+  | Variable
 
 export type AllowedValueSettingSpace = GetThemeValueSettingForCategory<'space'>
 export type AllowedValueSettingSize = GetThemeValueSettingForCategory<'size'>
@@ -1706,14 +1711,18 @@ export type NonSpecificTokens =
 
 export type Token =
   | NonSpecificTokens
-  | (GuiSettings extends { autocompleteSpecificTokens: false } ? never : SpecificTokens)
+  | (GuiSettings extends { autocompleteSpecificTokens: false }
+      ? never
+      : SpecificTokens)
 
 export type ColorStyleProp = ThemeValueFallbackColor | ColorTokens
 
 // fonts
 type DefaultFont = GuiSettings['defaultFont']
 
-export type Fonts = DefaultFont extends string ? GuiConfig['fonts'][DefaultFont] : never
+export type Fonts = DefaultFont extends string
+  ? GuiConfig['fonts'][DefaultFont]
+  : never
 
 export type Font = ParseFont<Fonts>
 
@@ -2421,7 +2430,7 @@ interface ExtraBaseProps {
    * Transitions are defined using `createGui` typically in a gui.config.ts file.
    * Pass a string transition name here and it uses an animation driver to execute it.
    *
-   * See: https://gui.hanzo.ai/docs/core/animations
+   * See: https://gui.dev/docs/core/animations
    */
   transition?: TransitionProp | null
 
@@ -2805,7 +2814,7 @@ export type StaticConfigPublic = {
   validStyles?: { [key: string]: boolean }
 
   /**
-   * Accept GUI tokens for these props (key for the prop key, val for the token category)
+   * Accept Gui tokens for these props (key for the prop key, val for the token category)
    */
   accept?: {
     [key: string]: keyof Tokens | 'style' | 'textStyle'
@@ -2833,9 +2842,9 @@ export type StaticConfigPublic = {
   isReactNative?: boolean
 
   /**
-   * By default if styled() doesn't recognize a parent GUI component or specific react-native views,
+   * By default if styled() doesn't recognize a parent Gui component or specific react-native views,
    * it will assume the passed in component only accepts style={} for react-native compatibility.
-   * Setting `acceptsClassName: true` indicates GUI can pass in className props.
+   * Setting `acceptsClassName: true` indicates Gui can pass in className props.
    */
   acceptsClassName?: boolean
 

package/src/views/View.tsx

@@ -1,7 +1,12 @@
 import { validStyles } from '@hanzogui/helpers'
 
 import { createComponent } from '../createComponent'
-import type { StackNonStyleProps, StackStyle, StackStyleBase, GuiElement } from '../types'
+import type {
+  StackNonStyleProps,
+  StackStyle,
+  StackStyleBase,
+  GuiElement,
+} from '../types'
 
 export type View = GuiElement
 export type ViewNonStyleProps = StackNonStyleProps

package/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EAEf,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,EACL,MAAM,EACN,YAAY,EACb,MAAM,SAAS,CAAA;AAiDhB,eAAO,MAAM,UAAU,GAAI,GAAG,SAAS,MAAM,kBAAkB,EAC7D,KAAK,GAAG,KACP,kBAAkB,CAAC,GAAG,CAUxB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,iBAAiB,SAIhD,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,MAAM,GAAG,EAAE,YAAY,GAAG,SAOrE,CAAA;AAED,eAAO,MAAM,SAAS,yBAUrB,CAAA;AAED,eAAO,MAAM,cAAc,gCAE1B,CAAA;AAGD,wBAAgB,SAAS,CAAC,CAAC,EAAE,YAAY,QAExC;AAED,eAAO,MAAM,SAAS,GAAI,gBAEvB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACd,KAAG,YASR,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,oCAUhE,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,EAAE,qBAAmB,QAG/E,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,GAAG,OAAO,GAAG,MAAM,EAAE,QAAQ,MAAM,MAAM,QAGlF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,mBAzCnB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAQ,YAoCyB,CAAA;AAElC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA6C,CAAA;AAEnE,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,OAAO,GAAG,SAInD,CAAA;AAGD,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,4DAQnC,CAAA;AAED,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EACP,OAAO,GACP;QACE,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,eAAO,IAAI,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;AAE3C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,QAIvC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,QAyBxE"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EAEf,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,EACL,MAAM,EACN,YAAY,EACb,MAAM,SAAS,CAAA;AAoDhB,eAAO,MAAM,UAAU,GAAI,GAAG,SAAS,MAAM,kBAAkB,EAC7D,KAAK,GAAG,KACP,kBAAkB,CAAC,GAAG,CAUxB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,iBAAiB,SAIhD,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,MAAM,GAAG,EAAE,YAAY,GAAG,SAOrE,CAAA;AAED,eAAO,MAAM,SAAS,yBAUrB,CAAA;AAED,eAAO,MAAM,cAAc,gCAE1B,CAAA;AAGD,wBAAgB,SAAS,CAAC,CAAC,EAAE,YAAY,QAExC;AAED,eAAO,MAAM,SAAS,GAAI,gBAEvB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACd,KAAG,YASR,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,oCAUhE,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,EAAE,qBAAmB,QAG/E,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,GAAG,OAAO,GAAG,MAAM,EAAE,QAAQ,MAAM,MAAM,QAGlF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,mBAzCnB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAQ,YAoCyB,CAAA;AAElC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA6C,CAAA;AAEnE,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,OAAO,GAAG,SAInD,CAAA;AAGD,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,4DAQnC,CAAA;AAED,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EACP,OAAO,GACP;QACE,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,eAAO,IAAI,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;AAE3C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,QAIvC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,QAyBxE"}

package/types/eventHandling.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eventHandling.native.d.ts","sourceRoot":"","sources":["../src/eventHandling.native.ts"],"names":[],"mappings":"AAAA;;GAEG;AAMH,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGjE,wBAAgB,YAAY,OAE3B;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,EAC3C,YAAY,EAAE,YAAY,EAC1B,KAAK,CAAC,EAAE,OAAO,EACf,kBAAkB,CAAC,EAAE,OAAO,EAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,OAsJ1B;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,QAAQ,EAAE;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,EAC3C,KAAK,CAAC,EAAE,OAAO,EACf,oBAAoB,CAAC,EAAE,OAAO,OA0B/B"}
+{"version":3,"file":"eventHandling.native.d.ts","sourceRoot":"","sources":["../src/eventHandling.native.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGjE,wBAAgB,YAAY,OAE3B;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,EAC3C,YAAY,EAAE,YAAY,EAC1B,KAAK,CAAC,EAAE,OAAO,EACf,kBAAkB,CAAC,EAAE,OAAO,EAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,OA8I1B;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,QAAQ,EAAE;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,EAC3C,KAAK,CAAC,EAAE,OAAO,EACf,oBAAoB,CAAC,EAAE,OAAO,OAkD/B"}

package/types/helpers/getTokenForKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTokenForKey.d.ts","sourceRoot":"","sources":["../../src/helpers/getTokenForKey.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACT,MAAM,UAAU,CAAA;AAejB,wBAAgB,sBAAsB,QAErC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,GAAG,QAEhD;AAED,eAAO,MAAM,cAAc,GACzB,KAAK,MAAM,EACX,OAAO,MAAM,EACb,YAAY,eAAe,EAC3B,YAAY,OAAO,CAAC,aAAa,CAAC,QA8JnC,CAAA;AAED,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,GAAG,GAAG,EACxB,aAAa,CAAC,EAAE,iBAAiB,OAwBlC"}
+{"version":3,"file":"getTokenForKey.d.ts","sourceRoot":"","sources":["../../src/helpers/getTokenForKey.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACT,MAAM,UAAU,CAAA;AA6BjB,wBAAgB,sBAAsB,QAErC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,GAAG,QAEhD;AAED,eAAO,MAAM,cAAc,GACzB,KAAK,MAAM,EACX,OAAO,MAAM,EACb,YAAY,eAAe,EAC3B,YAAY,OAAO,CAAC,aAAa,CAAC,QA6JnC,CAAA;AAED,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,GAAG,GAAG,EACxB,aAAa,CAAC,EAAE,iBAAiB,OAwBlC"}

package/types/helpers/isActivePlatform.d.ts

@@ -3,11 +3,11 @@
  * platform selectors reliably override more general ones regardless of the order
  * props are declared.
  *
- * Cascade (low -> high importance):
- *   $platform-native / $platform-web         -> bump 0  (widest)
- *   $platform-android / $platform-ios        -> bump 1  (OS-specific)
- *   $platform-tv                             -> bump 2  (TV subset of Android/iOS)
- *   $platform-androidtv / $platform-tvos     -> bump 3  (most specific)
+ * Cascade (low → high importance):
+ *   $platform-native / $platform-web         → bump 0  (widest)
+ *   $platform-android / $platform-ios        → bump 1  (OS-specific)
+ *   $platform-tv                             → bump 2  (TV subset of Android/iOS)
+ *   $platform-androidtv / $platform-tvos     → bump 3  (most specific)
  *
  * @param mediaKeyShort - Platform media key without the leading '$' (e.g. 'platform-tv', 'platform-androidtv')
  */

package/types/helpers/skipProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * These are props that dont pass down below GUI styled components
+ * These are props that dont pass down below Gui styled components
  */
 export declare const skipProps: {
     untilMeasured: number;

package/types/helpers/useRenderElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderElement.d.ts","sourceRoot":"","sources":["../../src/helpers/useRenderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,MAAM,MAAM,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC9C,MAAM,GACN,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;AAEpE;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,KAAK,EAAE,iBAAiB,EACxB,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GACtC,KAAK,CAAC,YAAY,CA6CpB"}
+{"version":3,"file":"useRenderElement.d.ts","sourceRoot":"","sources":["../../src/helpers/useRenderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,MAAM,MAAM,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC9C,MAAM,GACN,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;AAEpE;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,KAAK,EAAE,iBAAiB,EACxB,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GACtC,KAAK,CAAC,YAAY,CAgDpB"}

package/types/helpers/wrapStyleTags.d.ts

@@ -1,3 +1,3 @@
 import type { StyleObject } from '../types';
-export declare function getStyleTags(styles: StyleObject[]): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function getStyleTags(styles: StyleObject[]): import("react").JSX.Element | undefined;
 //# sourceMappingURL=wrapStyleTags.d.ts.map

package/types/helpers/wrapStyleTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wrapStyleTags.d.ts","sourceRoot":"","sources":["../../src/helpers/wrapStyleTags.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI3C,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,uDAyBjD"}
+{"version":3,"file":"wrapStyleTags.d.ts","sourceRoot":"","sources":["../../src/helpers/wrapStyleTags.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI3C,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,2CAyBjD"}

package/types/interfaces/GuiComponentPropsBaseBase.d.ts

@@ -47,12 +47,12 @@ export type GuiComponentPropsBaseBase = {
     theme?: ThemeName | null;
     /**
      * Marks this component as a group for use in styling children based on parents named group
-     * See: https://gui.hanzo.ai/docs/intro/props
+     * See: https://gui.dev/docs/intro/props
      */
     group?: GroupNames | boolean;
     /**
      * Works only alongside group, when children of the group are using container based sizing on native you can hide them until parent is measured.
-     * See: https://gui.hanzo.ai/docs/intro/props
+     * See: https://gui.dev/docs/intro/props
      */
     untilMeasured?: 'hide' | 'show';
     /**
@@ -82,7 +82,7 @@ export type GuiComponentPropsBaseBase = {
     disableClassName?: boolean;
     /**
      * Adds some area outside the typical bounds of the component for touch actions to register.
-     * GUI uses Pressable internally so it supports `number | Insets` rather than just `Insets`
+     * Gui uses Pressable internally so it supports `number | Insets` rather than just `Insets`
      */
     hitSlop?: number | Insets | null;
 };

package/types/interfaces/GuiComponentPropsBaseBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuiComponentPropsBaseBase.d.ts","sourceRoot":"","sources":["../../src/interfaces/GuiComponentPropsBaseBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEzF,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,KAAK,CAAA;IAE/D,uBAAuB,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAA;IAEtB,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;;;OAKG;IACH,MAAM,CAAC,EACH,MAAM,qBAAqB,GAC3B,CAAC,MAAM,GAAG,EAAE,CAAC,GACb,KAAK,CAAC,YAAY,GAClB,CAAC,CACC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;KAAE,EACrD,KAAK,EAAE,iBAAiB,KACrB,KAAK,CAAC,YAAY,CAAC,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAE5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,aAAa,CAAA;IAEzE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CACjC,CAAA;AAED,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"GuiComponentPropsBaseBase.d.ts","sourceRoot":"","sources":["../../src/interfaces/GuiComponentPropsBaseBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,IAAI,EACJ,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAEjB,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,KAAK,CAAA;IAE/D,uBAAuB,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAA;IAEtB,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;;;OAKG;IACH,MAAM,CAAC,EACH,MAAM,qBAAqB,GAC3B,CAAC,MAAM,GAAG,EAAE,CAAC,GACb,KAAK,CAAC,YAAY,GAClB,CAAC,CACC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;KAAE,EACrD,KAAK,EAAE,iBAAiB,KACrB,KAAK,CAAC,YAAY,CAAC,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAE5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,aAAa,CAAA;IAEzE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CACjC,CAAA;AAED,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}