@hanzo/gui 2.0.0-rc.29

package/dist/jsx/views/VisuallyHidden.mjs

@@ -0,0 +1,35 @@
+import { View, styled } from "@hanzo/gui-core";
+const VisuallyHidden = styled(View, {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  margin: -1,
+  zIndex: -1e4,
+  overflow: "hidden",
+  opacity: 1e-8,
+  pointerEvents: "none",
+  variants: {
+    preserveDimensions: {
+      true: {
+        position: "relative",
+        width: "auto",
+        height: "auto"
+      }
+    },
+    visible: {
+      true: {
+        position: "relative",
+        width: "auto",
+        height: "auto",
+        margin: 0,
+        zIndex: 1,
+        overflow: "visible",
+        opacity: 1,
+        pointerEvents: "auto"
+      }
+    }
+  }
+});
+VisuallyHidden.isVisuallyHidden = !0;
+export { VisuallyHidden };
+//# sourceMappingURL=VisuallyHidden.mjs.map

package/dist/jsx/views/VisuallyHidden.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","styled","VisuallyHidden","position","width","height","margin","zIndex","overflow","opacity","pointerEvents","variants","preserveDimensions","true","visible","isVisuallyHidden"],"sources":["../../../src/views/VisuallyHidden.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAEtB,MAAMC,cAAA,GAAiBD,MAAA,CAAOD,IAAA,EAAM;EACzCG,QAAA,EAAU;EACVC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,MAAA,EAAQ;EACRC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,OAAA,EAAS;EACTC,aAAA,EAAe;EAEfC,QAAA,EAAU;IACRC,kBAAA,EAAoB;MAClBC,IAAA,EAAM;QACJV,QAAA,EAAU;QACVC,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF;IAEAS,OAAA,EAAS;MACPD,IAAA,EAAM;QACJV,QAAA,EAAU;QACVC,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRC,MAAA,EAAQ;QACRC,MAAA,EAAQ;QACRC,QAAA,EAAU;QACVC,OAAA,EAAS;QACTC,aAAA,EAAe;MACjB;IACF;EACF;AACF,CAAC;AAGDR,cAAA,CAAea,gBAAA,GAAsB","ignoreList":[]}

package/dist/jsx/views/VisuallyHidden.native.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var VisuallyHidden_exports = {};
+__export(VisuallyHidden_exports, {
+  VisuallyHidden: () => VisuallyHidden
+});
+module.exports = __toCommonJS(VisuallyHidden_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  VisuallyHidden = (0, import_gui_core.styled)(import_gui_core.View, {
+    position: "absolute",
+    width: 1,
+    height: 1,
+    margin: -1,
+    zIndex: -1e4,
+    overflow: "hidden",
+    opacity: 1e-8,
+    pointerEvents: "none",
+    variants: {
+      preserveDimensions: {
+        true: {
+          position: "relative",
+          width: "auto",
+          height: "auto"
+        }
+      },
+      visible: {
+        true: {
+          position: "relative",
+          width: "auto",
+          height: "auto",
+          margin: 0,
+          zIndex: 1,
+          overflow: "visible",
+          opacity: 1,
+          pointerEvents: "auto"
+        }
+      }
+    }
+  });
+VisuallyHidden.isVisuallyHidden = !0;
+//# sourceMappingURL=VisuallyHidden.native.js.map

package/dist/jsx/views/VisuallyHidden.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","VisuallyHidden_exports","VisuallyHidden","module","exports","import_gui_core","require","styled","View","position","width","height","margin","zIndex","overflow","opacity","pointerEvents","variants","preserveDimensions","true"],"sources":["../../../src/views/VisuallyHidden.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAA,CAAiBC,cAAa;AAAA,IACzCC,gBAAU,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACVC,iBAAO,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACPC,YAAQ,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACRC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;IACR,SAAQC,IAAA,IAAAD,GAAA,EACRZ,SAAU,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAAA;EACVC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;IACT,IAAAF,IAAA,WAAeA,IAAA,uBAAAA,IAAA,gBAEf,SAAUG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACR,CAAAX,YAAA,CAAAe,IAAoB,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,IAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;IAAA,OAClBE,EAAA;EAAM;AACM,IAAAM,YACH,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,sBACC;AAAAhB,QACV,CAAAgB,sBAAA;EAAAC,cACF,EAAAA,CAAA,KAAAA;AAAA;AAESC,MACP,CAAAC,OAAM,GAAAN,YAAA,CAAAG,sBAAA;AAAA,IAAAI,eACM,GAAAC,OAAA;EAAAJ,cAAA,OAAAG,eAAA,CAAAE,MAAA,EAAAF,eAAA,CAAAG,IAAA;IAAAC,QACV,YAAO;IAAAC,KAAA,EACP;IAAQC,MACR;IAAQC,MACR;IAAQC,MACR;IAAUC,QACV,UAAS;IAAAC,OACT;IAAeC,aACjB;IAAAC,QACF;MACFC,kBAAA;QACDC,IAAA;UAGDV,QAAe","ignoreList":[]}

package/gui.config.ts

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

package/linear-gradient/index.cjs

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

package/linear-gradient/index.d.ts

@@ -0,0 +1 @@
+export * from '../src/linear-gradient'

package/linear-gradient/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/linear-gradient.cjs'))

package/linear-gradient/index.native.cjs

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

package/linear-gradient/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/linear-gradient.native.js'))

package/native/index.cjs

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

package/native/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/native.cjs'))

package/native-test/index.cjs

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

package/native-test/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/test.cjs'))

package/native-test/index.native.cjs

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

package/native-test/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/test.cjs'))

package/native-test.cjs

@@ -0,0 +1 @@
+Object.assign(module.exports, require('./dist/test'))

package/native-test.d.ts

@@ -0,0 +1 @@
+export * from './types'

package/native.cjs

@@ -0,0 +1 @@
+Object.assign(module.exports, require('./dist/native'))

package/native.d.ts

@@ -0,0 +1 @@
+export * from './types'

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "@hanzo/gui",
+  "version": "2.0.0-rc.29",
+  "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"
+  },
+  "source": "src/index.ts",
+  "type": "module",
+  "sideEffects": [
+    "setup.js"
+  ],
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    },
+    "./react-native-web": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/react-native-web.native.js",
+      "browser": "./dist/esm/react-native-web.mjs",
+      "module": "./dist/esm/react-native-web.mjs",
+      "import": "./dist/esm/react-native-web.mjs",
+      "require": "./dist/cjs/react-native-web.cjs",
+      "default": "./dist/esm/react-native-web.mjs"
+    },
+    "./web": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    },
+    "./native": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/native.cjs",
+      "require": "./dist/native.cjs",
+      "default": "./dist/native.cjs"
+    },
+    "./native-test": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/test.native.js",
+      "require": "./dist/test.cjs",
+      "default": "./dist/test.cjs"
+    },
+    "./linear-gradient": {
+      "types": "./types/linear-gradient.d.ts",
+      "react-native": "./dist/esm/linear-gradient.native.js",
+      "browser": "./dist/esm/linear-gradient.mjs",
+      "module": "./dist/esm/linear-gradient.mjs",
+      "import": "./dist/esm/linear-gradient.mjs",
+      "require": "./dist/cjs/linear-gradient.cjs",
+      "default": "./dist/esm/linear-gradient.mjs"
+    }
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "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",
+    "check": "bun run check-circular-deps",
+    "check-circular-deps": "npx madge --circular ./src/index.ts"
+  },
+  "dependencies": {
+    "@hanzo/gui-compose-refs": "2.0.0-rc.29",
+    "@hanzo/gui-constants": "2.0.0-rc.29",
+    "@hanzo/gui-core": "2.0.0-rc.29",
+    "@hanzo/gui-create-context": "2.0.0-rc.29",
+    "@hanzo/gui-element": "2.0.0-rc.29",
+    "@hanzo/gui-fake-react-native": "2.0.0-rc.29",
+    "@hanzo/gui-get-button-sized": "2.0.0-rc.29",
+    "@hanzo/gui-get-font-sized": "2.0.0-rc.29",
+    "@hanzo/gui-get-token": "2.0.0-rc.29",
+    "@hanzo/gui-helpers": "2.0.0-rc.29",
+    "@hanzo/gui-polyfill-dev": "2.0.0-rc.29",
+    "@hanzo/gui-react-native-media-driver": "2.0.0-rc.29",
+    "@hanzo/gui-theme": "2.0.0-rc.29",
+    "@hanzo/gui-use-controllable-state": "2.0.0-rc.29",
+    "@hanzo/gui-use-debounce": "2.0.0-rc.29",
+    "@hanzo/gui-use-force-update": "2.0.0-rc.29",
+    "@hanzo/gui-use-window-dimensions": "2.0.0-rc.29",
+    "@hanzo/gui-font-size": "2.0.0-rc.29"
+  },
+  "devDependencies": {
+    "@hanzo/gui-build": "2.0.0-rc.29",
+    "react": ">=19",
+    "react-native": "0.83.2",
+    "react-native-web": "^0.21.0"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-native": "*"
+  },
+  "module:jsx": "dist/jsx",
+  "removeSideEffects": true
+}

package/react-native-web/index.cjs

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

package/react-native-web/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/react-native-web.cjs'))

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

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

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

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/react-native-web.cjs'))

package/react-native-web.cjs

@@ -0,0 +1 @@
+Object.assign(module.exports, require('./dist/cjs/react-native-web.cjs'))

package/src/createGui.ts

@@ -0,0 +1,72 @@
+import { createGui as createGuiCore } from '@hanzo/gui-core'
+
+/**
+ * Adds some helpful validation at dev time only for `gui` specifically
+ **/
+
+export const createGui: typeof createGuiCore =
+  process.env.NODE_ENV !== 'development'
+    ? createGuiCore
+    : (conf) => {
+        const sizeTokenKeys = ['$true']
+
+        const hasKeys = (expectedKeys: string[], obj: Record<any, any>) => {
+          return expectedKeys.every((k) => typeof obj[k] !== 'undefined')
+        }
+
+        const guiConfig = createGuiCore(conf)
+
+        // size and space should be fully defined
+        for (const name of ['size', 'space'] as const) {
+          const tokenSet = guiConfig.tokensParsed[name]
+          if (!tokenSet) {
+            throw new Error(
+              `Expected tokens for "${name}" in ${Object.keys(
+                guiConfig.tokensParsed
+              ).join(', ')}`
+            )
+          }
+          if (!hasKeys(sizeTokenKeys, tokenSet)) {
+            throw new Error(`
+createGui() missing expected tokens.${name}:
+
+Received: ${Object.keys(tokenSet).join(', ')}
+
+Expected: ${sizeTokenKeys.join(', ')}
+
+Hanzo GUI 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):
+
+size: {
+  sm: 2,
+  md: 10,
+  true: 10, // this means "md" is your default size
+  lg: 20,
+}
+
+`)
+          }
+        }
+
+        // others must define subset of size tokens
+        const expected = Object.keys(guiConfig.tokensParsed.size)
+        for (const name of ['radius', 'zIndex'] as const) {
+          const tokenSet = guiConfig.tokensParsed[name]
+          const received = Object.keys(tokenSet)
+          const hasSomeOverlap = received.some((rk) => expected.includes(rk))
+          if (!hasSomeOverlap) {
+            throw new Error(`
+createGui() invalid tokens.${name}:
+
+Received: ${received.join(', ')}
+
+Expected a subset of: ${expected.join(', ')}
+
+`)
+          }
+        }
+
+        return guiConfig
+      }

package/src/index.ts

@@ -0,0 +1,157 @@
+import './setup'
+
+export * from '@hanzo/gui-compose-refs'
+export * from '@hanzo/gui-create-context'
+export * from '@hanzo/gui-font-size'
+export * from '@hanzo/gui-react-native-media-driver'
+export * from '@hanzo/gui-helpers'
+export * from '@hanzo/gui-theme'
+export * from '@hanzo/gui-use-controllable-state'
+export * from '@hanzo/gui-use-debounce'
+export * from '@hanzo/gui-use-force-update'
+export * from '@hanzo/gui-element'
+export * from '@hanzo/gui-use-window-dimensions'
+
+export * from './createGui'
+
+export * from './viewTypes'
+export * from './views/GuiProvider'
+
+export * from './views/EnsureFlexed'
+export * from './views/Text'
+
+// since we overlap with ViewProps and potentially others
+// lets be explicit on what gets exported
+export type {
+  TransitionKeys,
+  TransitionProp,
+  ColorTokens,
+  CreateGuiConfig,
+  CreateGuiProps,
+  FontColorTokens,
+  FontLanguages,
+  FontLetterSpacingTokens,
+  FontLineHeightTokens,
+  FontFamilyTokens,
+  FontSizeTokens,
+  FontStyleTokens,
+  FontTokens,
+  FontTransformTokens,
+  FontWeightTokens,
+  GenericFont,
+  GenericStackVariants,
+  GenericGuiConfig,
+  GenericTextVariants,
+  GetAnimationKeys,
+  GetProps,
+  GetRef,
+  GetThemeValueForKey,
+  GroupNames,
+  Longhands,
+  Media,
+  MediaPropKeys,
+  MediaQueries,
+  MediaQueryState,
+  RadiusTokens,
+  Shorthands,
+  SizeTokens,
+  SpaceTokens,
+  SpecificTokens,
+  StackNonStyleProps,
+  ViewProps,
+  StaticConfig,
+  Styleable,
+  GuiBaseTheme,
+  GuiBuildOptions,
+  GuiComponent,
+  GuiConfig,
+  GuiCustomConfig,
+  GuiElement,
+  GuiInternalConfig,
+  GuiProviderProps,
+  GuiSettings,
+  GuiTextElement,
+  TextNonStyleProps,
+  TextProps,
+  ThemeKeys,
+  ThemeName,
+  ThemeParsed,
+  ThemeProps,
+  Themes,
+  ThemeTokens,
+  ThemeValueFallback,
+  Token,
+  Tokens,
+  TypeOverride,
+  Variable,
+  VariantSpreadExtras,
+  VariantSpreadFunction,
+  ZIndexTokens,
+  ViewStyle,
+  TextStyle,
+} from '@hanzo/gui-core'
+
+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,
+  isGuiComponent,
+  isGuiElement,
+  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 '@hanzo/gui-core'

package/src/setup.ts

@@ -0,0 +1,13 @@
+import '@hanzo/gui-polyfill-dev'
+
+import * as React from 'react'
+
+// this fixes various issues people run into (storybook, etc in discord)
+// React doesn't really tree shake so not much danger here...
+globalThis['React'] ||= React
+
+// for SSR
+if (typeof requestAnimationFrame === 'undefined') {
+  globalThis['requestAnimationFrame'] =
+    typeof setImmediate === 'undefined' ? setTimeout : setImmediate
+}

package/src/viewTypes.tsx

@@ -0,0 +1,50 @@
+import type { TextStyle, ViewStyle } from 'react-native'
+
+export type ShorthandViewStyleProps = {
+  w?: ViewStyle['width']
+  h?: ViewStyle['height']
+
+  p?: ViewStyle['padding']
+  pt?: ViewStyle['paddingTop']
+  pb?: ViewStyle['paddingBottom']
+  pl?: ViewStyle['paddingLeft']
+  pr?: ViewStyle['paddingRight']
+  px?: ViewStyle['paddingHorizontal']
+  py?: ViewStyle['paddingVertical']
+  m?: ViewStyle['margin']
+  mt?: ViewStyle['marginTop']
+  mb?: ViewStyle['marginBottom']
+  ml?: ViewStyle['marginLeft']
+  mr?: ViewStyle['marginRight']
+  mx?: ViewStyle['marginHorizontal']
+  my?: ViewStyle['marginVertical']
+
+  f?: ViewStyle['flex']
+  fd?: ViewStyle['flexDirection']
+  fw?: ViewStyle['flexWrap']
+  fg?: ViewStyle['flexGrow']
+  fs?: ViewStyle['flexShrink']
+  fb?: ViewStyle['flexBasis']
+
+  ai?: ViewStyle['alignItems']
+  ac?: ViewStyle['alignContent']
+  jc?: ViewStyle['justifyContent']
+  als?: ViewStyle['alignSelf']
+
+  bc?: ViewStyle['backgroundColor']
+
+  br?: ViewStyle['borderRadius']
+  btrr?: ViewStyle['borderTopRightRadius']
+  bbrr?: ViewStyle['borderBottomRightRadius']
+  bblr?: ViewStyle['borderBottomLeftRadius']
+  btlr?: ViewStyle['borderTopLeftRadius']
+
+  pe?: 'box-none' | 'none' | 'box-only' | 'auto'
+  zi?: ViewStyle['zIndex']
+}
+
+export type ShorthandTextStyleProps = ShorthandViewStyleProps & {
+  ta?: TextStyle['textAlign']
+  fs?: TextStyle['fontSize']
+  lh?: TextStyle['lineHeight']
+}

package/src/views/EnsureFlexed.tsx

@@ -0,0 +1,17 @@
+import { Text, styled } from '@hanzo/gui-core'
+
+// expands flex elements when they should push a far as they "want" naturally
+
+export const EnsureFlexed = styled(Text, {
+  opacity: 0,
+  lineHeight: 0,
+  height: 0,
+  display: 'flex',
+  fontSize: 200,
+  children: 'wwwwwwwwwwwwwwwwwww',
+  pointerEvents: 'none',
+})
+
+// @tamgui/core checks for this in spacing
+// @ts-ignore its ok some type setups dont like this
+EnsureFlexed['isVisuallyHidden'] = true

package/src/views/GuiProvider.tsx

@@ -0,0 +1,5 @@
+import type { GuiProviderProps } from '@hanzo/gui-core'
+import { GuiProvider as CoreGuiProvider } from '@hanzo/gui-core'
+
+export const GuiProvider = CoreGuiProvider
+export type { GuiProviderProps }

package/src/views/Text.tsx

@@ -0,0 +1,15 @@
+import { Text as GuiText, styled } from '@hanzo/gui-core'
+
+export const Text = styled(GuiText, {
+  variants: {
+    unstyled: {
+      false: {
+        color: '$color',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.HANZO_GUI_HEADLESS === '1',
+  },
+})