@hanzo/gui 4.7.3 → 7.0.0

package/hanzogui.config.ts

@@ -0,0 +1,4 @@
+import { defaultConfig } from '@hanzogui/config/v4'
+import { createHanzogui } from '@hanzogui/core'
+
+export default createHanzogui(defaultConfig)

package/linear-gradient/index.cjs

@@ -1,2 +1,2 @@
-// compat with hanzo-gui static compiler
+// compat with hanzogui static compiler
 Object.assign(module.exports, require('../dist/cjs/linear-gradient.cjs'))

package/linear-gradient/index.native.cjs

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

package/native/index.cjs

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

package/native-test/index.cjs

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

package/native-test/index.native.cjs

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@hanzo/gui",
-  "version": "4.7.3",
+  "version": "7.0.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "description": "Style and UI for React (web and native) meet an optimizing compiler",
   "repository": {
     "type": "git",
     "url": "https://github.com/hanzoai/gui.git",
-    "directory": "code/ui/gui"
+    "directory": "code/ui/hanzogui"
   },
   "source": "src/index.ts",
   "type": "module",
@@ -68,94 +68,81 @@
     }
   },
   "scripts": {
-    "build": "hanzo-gui-build",
-    "build:all": "cd ../../.. && npx turbo run build --filter=@hanzo/gui --force",
-    "afterBuild": "echo 'native bundle skipped - UI packages moved to hanzo/ui'",
-    "watch": "hanzo-gui-build --watch",
-    "clean": "hanzo-gui-build clean",
-    "clean:build": "hanzo-gui-build clean:build",
+    "build": "hanzogui-build",
+    "afterBuild": "node bundle-native.mjs",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build",
     "check": "bun run check-circular-deps",
-    "check-circular-deps": "npx madge --circular ./src/index.ts",
-    "pub": "./scripts/publish.sh"
+    "check-circular-deps": "npx madge --circular ./src/index.ts"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "workspace:*",
-    "@hanzogui/config-default": "workspace:*",
-    "@hanzogui/constants": "workspace:*",
-    "@hanzogui/core": "workspace:*",
-    "@hanzogui/create-context": "workspace:*",
-    "@hanzogui/element": "workspace:*",
-    "@hanzogui/fake-react-native": "workspace:*",
-    "@hanzogui/get-button-sized": "workspace:*",
-    "@hanzogui/get-font-sized": "workspace:*",
-    "@hanzogui/get-token": "workspace:*",
-    "@hanzogui/helpers": "workspace:*",
-    "@hanzogui/polyfill-dev": "workspace:*",
-    "@hanzogui/react-native-media-driver": "workspace:*",
-    "@hanzogui/theme": "workspace:*",
-    "@hanzogui/use-controllable-state": "workspace:*",
-    "@hanzogui/use-debounce": "workspace:*",
-    "@hanzogui/use-force-update": "workspace:*",
-    "@hanzogui/use-window-dimensions": "workspace:*",
-    "@hanzogui/font-size": "workspace:*",
-    "@hanzogui/shorthands": "workspace:*",
-    "@hanzogui/shapes": "3.0.2",
-    "@hanzogui/stacks": "3.0.2",
-    "@hanzogui/web": "workspace:*",
-    "@hanzogui/spacer": "3.0.2",
-    "@hanzogui/animate-presence": "3.0.2",
-    "@hanzogui/button": "3.0.3",
-    "@hanzogui/popover": "3.0.2",
-    "@hanzogui/radio-group": "3.0.2",
-    "@hanzogui/tooltip": "3.0.2",
-    "@hanzogui/switch": "3.0.2",
-    "@hanzogui/checkbox": "3.0.3",
-    "@hanzogui/dialog": "3.0.2",
-    "@hanzogui/sheet": "3.0.2",
-    "@hanzogui/adapt": "3.0.2",
-    "@hanzogui/label": "3.0.2",
-    "@hanzogui/input": "3.0.2",
-    "@hanzogui/select": "3.0.2",
-    "@hanzogui/separator": "3.0.2",
-    "@hanzogui/slider": "3.0.2",
-    "@hanzogui/tabs": "3.0.2",
-    "@hanzogui/toggle-group": "3.0.2",
-    "@hanzogui/accordion": "3.0.2",
-    "@hanzogui/avatar": "3.0.2",
-    "@hanzogui/card": "3.0.2",
-    "@hanzogui/form": "3.0.2",
-    "@hanzogui/group": "3.0.2",
-    "@hanzogui/image": "3.0.2",
-    "@hanzogui/list-item": "3.0.3",
-    "@hanzogui/portal": "3.0.2",
-    "@hanzogui/progress": "3.0.2",
-    "@hanzogui/scroll-view": "3.0.2",
-    "@hanzogui/spinner": "3.0.2",
-    "@hanzogui/text": "3.0.2",
-    "@hanzogui/toast": "3.0.2",
-    "@hanzogui/visually-hidden": "3.0.2",
-    "@hanzogui/z-index-stack": "3.0.2",
-    "@hanzogui/focusable": "3.0.2",
-    "@hanzogui/focus-scope": "3.0.2",
-    "@hanzogui/focus-guard": "3.0.2",
-    "@hanzogui/dismissable": "3.0.2",
-    "@hanzogui/collection": "3.0.2",
-    "@hanzogui/remove-scroll": "3.0.2",
-    "@hanzogui/roving-focus": "3.0.2",
-    "@hanzogui/popper": "3.0.2",
-    "@hanzogui/animate": "3.0.2",
-    "@hanzogui/context-menu": "3.0.2",
-    "@hanzogui/create-menu": "3.0.2",
-    "@hanzogui/elements": "3.0.2",
-    "@hanzogui/menu": "3.0.2",
-    "@hanzogui/checkbox-headless": "3.0.2",
-    "@hanzogui/radio-headless": "3.0.2",
-    "@hanzogui/switch-headless": "3.0.2",
-    "@hanzogui/tabs-headless": "3.0.2",
-    "@hanzogui/theme-builder": "workspace:*"
+    "@hanzogui/accordion": "^7.0.0",
+    "@hanzogui/adapt": "^7.0.0",
+    "@hanzogui/alert-dialog": "^7.0.0",
+    "@hanzogui/animate": "^7.0.0",
+    "@hanzogui/animate-presence": "^7.0.0",
+    "@hanzogui/avatar": "^7.0.0",
+    "@hanzogui/button": "^7.0.0",
+    "@hanzogui/card": "^7.0.0",
+    "@hanzogui/checkbox": "^7.0.0",
+    "@hanzogui/collapsible": "^7.0.0",
+    "@hanzogui/compose-refs": "^7.0.0",
+    "@hanzogui/constants": "^7.0.0",
+    "@hanzogui/context-menu": "^7.0.0",
+    "@hanzogui/core": "^7.0.0",
+    "@hanzogui/create-context": "^7.0.0",
+    "@hanzogui/create-menu": "^7.0.0",
+    "@hanzogui/dialog": "^7.0.0",
+    "@hanzogui/element": "^7.0.0",
+    "@hanzogui/elements": "^7.0.0",
+    "@hanzogui/fake-react-native": "^7.0.0",
+    "@hanzogui/focusable": "^7.0.0",
+    "@hanzogui/form": "^7.0.0",
+    "@hanzogui/get-button-sized": "^7.0.0",
+    "@hanzogui/get-font-sized": "^7.0.0",
+    "@hanzogui/get-token": "^7.0.0",
+    "@hanzogui/group": "^7.0.0",
+    "@hanzogui/component-helpers": "^7.0.0",
+    "@hanzogui/image": "^7.0.0",
+    "@hanzogui/input": "^7.0.0",
+    "@hanzogui/label": "^7.0.0",
+    "@hanzogui/linear-gradient": "^7.0.0",
+    "@hanzogui/list-item": "^7.0.0",
+    "@hanzogui/menu": "^7.0.0",
+    "@hanzogui/polyfill-dev": "^7.0.0",
+    "@hanzogui/popover": "^7.0.0",
+    "@hanzogui/popper": "^7.0.0",
+    "@hanzogui/portal": "^7.0.0",
+    "@hanzogui/progress": "^7.0.0",
+    "@hanzogui/radio-group": "^7.0.0",
+    "@hanzogui/react-native-media-driver": "^7.0.0",
+    "@hanzogui/scroll-view": "^7.0.0",
+    "@hanzogui/select": "^7.0.0",
+    "@hanzogui/separator": "^7.0.0",
+    "@hanzogui/shapes": "^7.0.0",
+    "@hanzogui/sheet": "^7.0.0",
+    "@hanzogui/slider": "^7.0.0",
+    "@hanzogui/spacer": "^7.0.0",
+    "@hanzogui/spinner": "^7.0.0",
+    "@hanzogui/stacks": "^7.0.0",
+    "@hanzogui/switch": "^7.0.0",
+    "@hanzogui/tabs": "^7.0.0",
+    "@hanzogui/text": "^7.0.0",
+    "@hanzogui/theme": "^7.0.0",
+    "@hanzogui/toast": "^7.0.0",
+    "@hanzogui/toggle-group": "^7.0.0",
+    "@hanzogui/tooltip": "^7.0.0",
+    "@hanzogui/use-controllable-state": "^7.0.0",
+    "@hanzogui/use-debounce": "^7.0.0",
+    "@hanzogui/use-force-update": "^7.0.0",
+    "@hanzogui/use-window-dimensions": "^7.0.0",
+    "@hanzogui/visually-hidden": "^7.0.0",
+    "@hanzogui/font-size": "^7.0.0",
+    "@hanzogui/z-index-stack": "^7.0.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "workspace:*",
+    "@hanzogui/build": "^7.0.0",
     "react": ">=19",
     "react-native": "0.83.2",
     "react-native-web": "^0.21.0"
@@ -164,6 +151,12 @@
     "react": ">=19",
     "react-native": "*"
   },
+  "alsoPublishAs_disabled": [
+    "@hanzogui/ui"
+  ],
   "module:jsx": "dist/jsx",
-  "removeSideEffects": true
-}
+  "removeSideEffects": true,
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/react-native-web/index.cjs

@@ -1,2 +1,2 @@
-// compat with hanzo-gui static compiler
+// compat with hanzogui static compiler
 Object.assign(module.exports, require('../dist/cjs/react-native-web.cjs'))

package/react-native-web/index.native.cjs

@@ -1,2 +1,2 @@
-// compat with hanzo-gui static compiler
+// compat with hanzogui static compiler
 Object.assign(module.exports, require('../dist/cjs/react-native-web.cjs'))

package/src/{createGui.ts → createHanzogui.ts}

@@ -1,12 +1,12 @@
-import { createGui as createGuiCore } from '@hanzogui/core'
+import { createHanzogui as createHanzoguiCore } from '@hanzogui/core'
 
 /**
- * Adds some helpful validation at dev time only for `gui` specifically
+ * Adds some helpful validation at dev time only for `hanzogui` specifically
  **/
 
-export const createGui: typeof createGuiCore =
+export const createHanzogui: typeof createHanzoguiCore =
   process.env.NODE_ENV !== 'development'
-    ? createGuiCore
+    ? createHanzoguiCore
     : (conf) => {
         const sizeTokenKeys = ['$true']
 
@@ -14,27 +14,27 @@ export const createGui: typeof createGuiCore =
           return expectedKeys.every((k) => typeof obj[k] !== 'undefined')
         }
 
-        const guiConfig = createGuiCore(conf)
+        const hanzoguiConfig = createHanzoguiCore(conf)
 
         // size and space should be fully defined
         for (const name of ['size', 'space'] as const) {
-          const tokenSet = guiConfig.tokensParsed[name]
+          const tokenSet = hanzoguiConfig.tokensParsed[name]
           if (!tokenSet) {
             throw new Error(
               `Expected tokens for "${name}" in ${Object.keys(
-                guiConfig.tokensParsed
+                hanzoguiConfig.tokensParsed
               ).join(', ')}`
             )
           }
           if (!hasKeys(sizeTokenKeys, tokenSet)) {
             throw new Error(`
-createGui() missing expected tokens.${name}:
+createHanzogui() missing expected tokens.${name}:
 
 Received: ${Object.keys(tokenSet).join(', ')}
 
 Expected: ${sizeTokenKeys.join(', ')}
 
-GUI expects a "true" key that is the same value as your default size. This is so 
+Hanzogui expects a "true" key that is the same value as your default size. This is so 
 it can size things up or down from the defaults without assuming which keys you use.
 
 Please define a "true" or "$true" key on your size and space tokens like so (example):
@@ -51,14 +51,14 @@ size: {
         }
 
         // others must define subset of size tokens
-        const expected = Object.keys(guiConfig.tokensParsed.size)
+        const expected = Object.keys(hanzoguiConfig.tokensParsed.size)
         for (const name of ['radius', 'zIndex'] as const) {
-          const tokenSet = guiConfig.tokensParsed[name]
+          const tokenSet = hanzoguiConfig.tokensParsed[name]
           const received = Object.keys(tokenSet)
           const hasSomeOverlap = received.some((rk) => expected.includes(rk))
           if (!hasSomeOverlap) {
             throw new Error(`
-createGui() invalid tokens.${name}:
+createHanzogui() invalid tokens.${name}:
 
 Received: ${received.join(', ')}
 
@@ -68,5 +68,5 @@ Expected a subset of: ${expected.join(', ')}
           }
         }
 
-        return guiConfig
+        return hanzoguiConfig
       }

package/src/index.ts

@@ -1,59 +1,201 @@
 import './setup'
 
-// Core styling engine
-export * from '@hanzogui/core'
-
-// Stack components
-export * from '@hanzogui/stacks'
-
-// Shape primitives (Square, Circle)
-export * from '@hanzogui/shapes'
-
-// UI Components
 export * from '@hanzogui/spacer'
+export * from '@hanzogui/accordion'
+export * from '@hanzogui/adapt'
+export * from '@hanzogui/alert-dialog'
+export * from '@hanzogui/animate'
 export * from '@hanzogui/animate-presence'
+export * from '@hanzogui/avatar'
 export * from '@hanzogui/button'
-export * from '@hanzogui/popover'
-export * from '@hanzogui/radio-group'
-export * from '@hanzogui/tooltip'
-export * from '@hanzogui/switch'
+export * from '@hanzogui/card'
 export * from '@hanzogui/checkbox'
+export * from '@hanzogui/collapsible'
+export * from '@hanzogui/compose-refs'
+export * from '@hanzogui/create-context'
 export * from '@hanzogui/dialog'
-export * from '@hanzogui/sheet'
-export * from '@hanzogui/adapt'
-export * from '@hanzogui/label'
-export * from '@hanzogui/input'
-export * from '@hanzogui/select'
-export * from '@hanzogui/separator'
-export * from '@hanzogui/slider'
-export * from '@hanzogui/tabs'
-export * from '@hanzogui/toggle-group'
-export * from '@hanzogui/accordion'
-export * from '@hanzogui/avatar'
-export * from '@hanzogui/card'
+export * from '@hanzogui/font-size'
 export * from '@hanzogui/form'
 export * from '@hanzogui/group'
+export * from '@hanzogui/react-native-media-driver'
+export * from '@hanzogui/elements'
+export * from '@hanzogui/component-helpers'
 export * from '@hanzogui/image'
+export * from '@hanzogui/label'
 export * from '@hanzogui/list-item'
+export * from '@hanzogui/menu'
+export * from '@hanzogui/context-menu'
+export * from '@hanzogui/create-menu'
+export * from '@hanzogui/popover'
+export * from '@hanzogui/popper'
 export * from '@hanzogui/portal'
 export * from '@hanzogui/progress'
+export * from '@hanzogui/radio-group'
 export * from '@hanzogui/scroll-view'
-export * from '@hanzogui/spinner'
+export * from '@hanzogui/select'
+export * from '@hanzogui/separator'
+export * from '@hanzogui/shapes'
+export * from '@hanzogui/sheet'
+export * from '@hanzogui/slider'
+export * from '@hanzogui/stacks'
+export * from '@hanzogui/switch'
+export * from '@hanzogui/tabs'
 export * from '@hanzogui/text'
+export * from '@hanzogui/theme'
 export * from '@hanzogui/toast'
+export * from '@hanzogui/toggle-group'
+export * from '@hanzogui/tooltip'
+export * from '@hanzogui/use-controllable-state'
+export * from '@hanzogui/use-debounce'
+export * from '@hanzogui/use-force-update'
+export * from '@hanzogui/element'
+export * from '@hanzogui/use-window-dimensions'
 export * from '@hanzogui/visually-hidden'
-export * from '@hanzogui/focusable'
-export * from '@hanzogui/elements'
 
-// Config utilities — needed by consumer brand configs
-export { createThemes, createThemeBuilder } from '@hanzogui/theme-builder'
-export { shorthands } from '@hanzogui/shorthands'
-export { getDefaultGuiConfig } from '@hanzogui/config-default'
+export * from './createHanzogui'
+
+export * from './viewTypes'
+export * from './views/HanzoguiProvider'
+
+export * from './views/Anchor'
+export * from './views/EnsureFlexed'
+export * from './views/Fieldset'
+export * from '@hanzogui/input'
+export * from '@hanzogui/spinner'
+export * from './views/Text'
 
-// Explicit re-exports that get lost in the export * chain through
-// @hanzogui/core → @hanzogui/web in some tsc resolution contexts.
-export { Theme, useTheme } from '@hanzogui/web'
-export type { ThemeName } from '@hanzogui/web'
+// since we overlap with ViewProps and potentially others
+// lets be explicit on what gets exported
+export type {
+  TransitionKeys,
+  TransitionProp,
+  ColorTokens,
+  CreateHanzoguiConfig,
+  CreateHanzoguiProps,
+  FontColorTokens,
+  FontLanguages,
+  FontLetterSpacingTokens,
+  FontLineHeightTokens,
+  FontFamilyTokens,
+  FontSizeTokens,
+  FontStyleTokens,
+  FontTokens,
+  FontTransformTokens,
+  FontWeightTokens,
+  GenericFont,
+  GenericStackVariants,
+  GenericHanzoguiConfig,
+  GenericTextVariants,
+  GetAnimationKeys,
+  GetProps,
+  GetRef,
+  GetThemeValueForKey,
+  GroupNames,
+  Longhands,
+  Media,
+  MediaPropKeys,
+  MediaQueries,
+  MediaQueryState,
+  RadiusTokens,
+  Shorthands,
+  SizeTokens,
+  SpaceTokens,
+  SpecificTokens,
+  StackNonStyleProps,
+  ViewProps,
+  StaticConfig,
+  Styleable,
+  HanzoguiBaseTheme,
+  HanzoguiBuildOptions,
+  HanzoguiComponent,
+  HanzoguiConfig,
+  HanzoguiCustomConfig,
+  HanzoguiElement,
+  HanzoguiInternalConfig,
+  HanzoguiProviderProps,
+  HanzoguiSettings,
+  HanzoguiTextElement,
+  TextNonStyleProps,
+  TextProps,
+  ThemeKeys,
+  ThemeName,
+  ThemeParsed,
+  ThemeProps,
+  Themes,
+  ThemeTokens,
+  ThemeValueFallback,
+  Token,
+  Tokens,
+  TypeOverride,
+  Variable,
+  VariantSpreadExtras,
+  VariantSpreadFunction,
+  ZIndexTokens,
+  ViewStyle,
+  TextStyle,
+} from '@hanzogui/core'
 
-// Additional exports (ported from tamagui, missing in earlier builds)
-export { Anchor, type AnchorProps } from './views/Anchor'
+export {
+  ClientOnly,
+  Configuration,
+  ComponentContext,
+  GroupContext,
+  FontLanguage,
+  // components
+  Theme,
+  View,
+  createComponent,
+  createFont,
+  createShorthands,
+  createStyledContext,
+  createTokens,
+  createVariable,
+  getConfig,
+  getMedia,
+  getCSSStylesAtomic,
+  getThemes,
+  getToken,
+  getTokenValue,
+  getTokens,
+  getVariable,
+  getVariableName,
+  getVariableValue,
+  insertFont,
+  setConfig,
+  setupDev,
+  _withStableStyle,
+  // constants
+  isBrowser,
+  isChrome,
+  isClient,
+  isServer,
+  isHanzoguiComponent,
+  isHanzoguiElement,
+  isTouchable,
+  isVariable,
+  isWeb,
+  isWebTouchable,
+  matchMedia,
+  mediaObjectToString,
+  mediaQueryConfig,
+  mediaState,
+  setOnLayoutStrategy,
+  styled,
+  themeable,
+  // hooks
+  useClientValue,
+  useDidFinishSSR,
+  useEvent,
+  useGet,
+  useIsTouchDevice,
+  useIsomorphicLayoutEffect,
+  useMedia,
+  useProps,
+  usePropsAndStyle,
+  useStyle,
+  useConfiguration,
+  useTheme,
+  useThemeName,
+  variableToString,
+  withStaticProperties,
+} from '@hanzogui/core'

package/src/linear-gradient.ts

@@ -0,0 +1 @@
+export { LinearGradient, type LinearGradientProps } from '@hanzogui/linear-gradient'

package/src/views/Anchor.tsx

@@ -1,10 +1,44 @@
+import { isWeb } from '@hanzogui/constants'
 import { styled } from '@hanzogui/core'
+import type { SizableTextProps } from '@hanzogui/text'
 import { SizableText } from '@hanzogui/text'
+import { Linking } from 'react-native'
 
-export const Anchor = styled(SizableText, {
+export interface AnchorExtraProps {
+  href?: string
+  target?: string
+  rel?: string
+}
+
+export type AnchorProps = SizableTextProps & AnchorExtraProps
+
+const AnchorFrame = styled(SizableText, {
   name: 'Anchor',
-  tag: 'a',
-  accessibilityRole: 'link',
+  render: 'a',
+  role: 'link',
 })
 
-export type AnchorProps = React.ComponentProps<typeof Anchor>
+export const Anchor = AnchorFrame.styleable<AnchorExtraProps>(
+  ({ href, target, rel, ...props }, ref) => {
+    return (
+      <AnchorFrame
+        {...props}
+        {...(isWeb
+          ? {
+              href,
+              target,
+              rel,
+            }
+          : {
+              onPress: (event) => {
+                props.onPress?.(event)
+                if (href !== undefined) {
+                  Linking.openURL(href)
+                }
+              },
+            })}
+        ref={ref as any}
+      />
+    )
+  }
+)

package/src/views/Fieldset.tsx

@@ -0,0 +1,22 @@
+import type { GetProps } from '@hanzogui/core'
+import { styled } from '@hanzogui/core'
+import { YStack } from '@hanzogui/stacks'
+
+export const Fieldset = styled(YStack, {
+  name: 'Fieldset',
+  render: 'fieldset',
+
+  // remove browser default styling
+  borderWidth: 0,
+
+  variants: {
+    horizontal: {
+      true: {
+        flexDirection: 'row',
+        alignItems: 'center',
+      },
+    },
+  } as const,
+})
+
+export type FieldsetProps = GetProps<typeof Fieldset>

package/src/views/HanzoguiProvider.tsx

@@ -0,0 +1,14 @@
+import type { HanzoguiProviderProps } from '@hanzogui/core'
+import { HanzoguiProvider as OGProvider } from '@hanzogui/core'
+import { PortalProvider } from '@hanzogui/portal'
+import { ZIndexStackContext } from '@hanzogui/z-index-stack'
+
+export const HanzoguiProvider = ({ children, ...props }: HanzoguiProviderProps) => {
+  return (
+    <OGProvider {...props}>
+      <ZIndexStackContext.Provider value={1}>
+        <PortalProvider shouldAddRootHost>{children}</PortalProvider>
+      </ZIndexStackContext.Provider>
+    </OGProvider>
+  )
+}