@hanzo/gui 2.0.0-rc.29

package/src/views/VisuallyHidden.tsx

@@ -0,0 +1,38 @@
+import { View, styled } from '@hanzo/gui-core'
+
+export const VisuallyHidden = styled(View, {
+  position: 'absolute',
+  width: 1,
+  height: 1,
+  margin: -1,
+  zIndex: -10000,
+  overflow: 'hidden',
+  opacity: 0.00000001,
+  pointerEvents: 'none',
+
+  variants: {
+    preserveDimensions: {
+      true: {
+        position: 'relative',
+        width: 'auto',
+        height: 'auto',
+      },
+    } as const,
+
+    visible: {
+      true: {
+        position: 'relative',
+        width: 'auto',
+        height: 'auto',
+        margin: 0,
+        zIndex: 1,
+        overflow: 'visible',
+        opacity: 1,
+        pointerEvents: 'auto',
+      },
+    } as const,
+  },
+})
+
+// @tamgui/core checks for this in spacing
+VisuallyHidden['isVisuallyHidden'] = true

package/tsconfig.json

@@ -0,0 +1,171 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "composite": true
+  },
+  "exclude": [
+    "gui.config.ts",
+    "test",
+    "dist",
+    "types",
+    "./linear-gradient",
+    "./native.d.ts",
+    "./native-test.d.ts",
+    "**/__tests__"
+  ],
+  "references": [
+    {
+      "path": "../../core/compose-refs"
+    },
+    {
+      "path": "../../core/constants"
+    },
+    {
+      "path": "../../core/core"
+    },
+    {
+      "path": "../../core/create-context"
+    },
+    {
+      "path": "../../core/font-size"
+    },
+    {
+      "path": "../../core/get-button-sized"
+    },
+    {
+      "path": "../../core/get-font-sized"
+    },
+    {
+      "path": "../../core/get-token"
+    },
+    {
+      "path": "../../core/helpers-gui"
+    },
+    {
+      "path": "../../core/react-native-media-driver"
+    },
+    {
+      "path": "../../core/theme"
+    },
+    {
+      "path": "../../core/use-controllable-state"
+    },
+    {
+      "path": "../../core/use-debounce"
+    },
+    {
+      "path": "../../core/use-force-update"
+    },
+    {
+      "path": "../../core/use-window-dimensions"
+    },
+    {
+      "path": "../../packages/element"
+    },
+    {
+      "path": "../accordion"
+    },
+    {
+      "path": "../adapt"
+    },
+    {
+      "path": "../alert-dialog"
+    },
+    {
+      "path": "../animate-presence"
+    },
+    {
+      "path": "../avatar"
+    },
+    {
+      "path": "../button"
+    },
+    {
+      "path": "../card"
+    },
+    {
+      "path": "../checkbox"
+    },
+    {
+      "path": "../dialog"
+    },
+    {
+      "path": "../elements"
+    },
+    {
+      "path": "../focusable"
+    },
+    {
+      "path": "../form"
+    },
+    {
+      "path": "../group"
+    },
+    {
+      "path": "../image"
+    },
+    {
+      "path": "../label"
+    },
+    {
+      "path": "../linear-gradient"
+    },
+    {
+      "path": "../list-item"
+    },
+    {
+      "path": "../popover"
+    },
+    {
+      "path": "../popper"
+    },
+    {
+      "path": "../portal"
+    },
+    {
+      "path": "../progress"
+    },
+    {
+      "path": "../radio-group"
+    },
+    {
+      "path": "../scroll-view"
+    },
+    {
+      "path": "../select"
+    },
+    {
+      "path": "../separator"
+    },
+    {
+      "path": "../shapes"
+    },
+    {
+      "path": "../sheet"
+    },
+    {
+      "path": "../slider"
+    },
+    {
+      "path": "../stacks"
+    },
+    {
+      "path": "../switch"
+    },
+    {
+      "path": "../tabs"
+    },
+    {
+      "path": "../text"
+    },
+    {
+      "path": "../toggle-group"
+    },
+    {
+      "path": "../tooltip"
+    },
+    {
+      "path": "../visually-hidden"
+    }
+  ]
+}

package/types/createGui.d.ts

@@ -0,0 +1,6 @@
+import { createGui as createGuiCore } from '@hanzo/gui-core';
+/**
+ * Adds some helpful validation at dev time only for `gui` specifically
+ **/
+export declare const createGui: typeof createGuiCore;
+//# sourceMappingURL=createGui.d.ts.map

package/types/createGui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGui.d.ts","sourceRoot":"","sources":["../src/createGui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE5D;;IAEI;AAEJ,eAAO,MAAM,SAAS,EAAE,OAAO,aAiExB,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,20 @@
+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';
+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, Theme, View, createComponent, createFont, createShorthands, createStyledContext, createTokens, createVariable, getConfig, getMedia, getCSSStylesAtomic, getThemes, getToken, getTokenValue, getTokens, getVariable, getVariableName, getVariableValue, insertFont, setConfig, setupDev, _withStableStyle, isBrowser, isChrome, isClient, isServer, isGuiComponent, isGuiElement, isTouchable, isVariable, isWeb, isWebTouchable, matchMedia, mediaObjectToString, mediaQueryConfig, mediaState, setOnLayoutStrategy, styled, themeable, useClientValue, useDidFinishSSR, useEvent, useGet, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, useProps, usePropsAndStyle, useStyle, useConfiguration, useTheme, useThemeName, variableToString, withStaticProperties, } from '@hanzo/gui-core';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAEhB,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sCAAsC,CAAA;AACpD,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mCAAmC,CAAA;AACjD,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,kCAAkC,CAAA;AAEhD,cAAc,aAAa,CAAA;AAE3B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AAEnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAI5B,YAAY,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EACf,aAAa,EACb,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,KAAK,EACL,aAAa,EACb,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,EACV,MAAM,EACN,WAAW,EACX,kBAAkB,EAClB,KAAK,EACL,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,YAAY,EACZ,SAAS,EACT,SAAS,GACV,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,YAAY,EAEZ,KAAK,EACL,IAAI,EACJ,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,cAAc,EACd,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,EACT,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,gBAAgB,EAEhB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,UAAU,EACV,KAAK,EACL,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,mBAAmB,EACnB,MAAM,EACN,SAAS,EAET,cAAc,EACd,eAAe,EACf,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,yBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,iBAAiB,CAAA"}

package/types/setup.d.ts

@@ -0,0 +1,2 @@
+import '@hanzo/gui-polyfill-dev';
+//# sourceMappingURL=setup.d.ts.map

package/types/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA"}

package/types/viewTypes.d.ts

@@ -0,0 +1,43 @@
+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'];
+};
+//# sourceMappingURL=viewTypes.d.ts.map

package/types/viewTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewTypes.d.ts","sourceRoot":"","sources":["../src/viewTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAEvB,CAAC,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxB,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;IACnC,EAAE,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAA;IACjC,CAAC,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAC3B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAA;IAClC,EAAE,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAEhC,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACrB,EAAE,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAE3B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAChC,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAE5B,EAAE,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAEjC,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC,yBAAyB,CAAC,CAAA;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAA;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAA;IAEvC,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;IAC9C,EAAE,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,GAAG;IAC9D,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAC3B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CAC7B,CAAA"}

package/types/views/EnsureFlexed.d.ts

@@ -0,0 +1,2 @@
+export declare const EnsureFlexed: import("@hanzo/gui-core").GuiComponent<import("@hanzo/gui-core").TamaDefer, import("@hanzo/gui-core").GuiTextElement, import("@hanzo/gui-core").RNGuiTextNonStyleProps, import("@hanzo/gui-core").TextStylePropsBase, {}, import("@hanzo/gui-core").StaticConfigPublic>;
+//# sourceMappingURL=EnsureFlexed.d.ts.map

package/types/views/EnsureFlexed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnsureFlexed.d.ts","sourceRoot":"","sources":["../../src/views/EnsureFlexed.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yQAQvB,CAAA"}

package/types/views/GuiProvider.d.ts

@@ -0,0 +1,4 @@
+import type { GuiProviderProps } from '@hanzo/gui-core';
+export declare const GuiProvider: (props: GuiProviderProps) => import("react/jsx-runtime").JSX.Element;
+export type { GuiProviderProps };
+//# sourceMappingURL=GuiProvider.d.ts.map

package/types/views/GuiProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiProvider.d.ts","sourceRoot":"","sources":["../../src/views/GuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGvD,eAAO,MAAM,WAAW,sEAAkB,CAAA;AAC1C,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/types/views/Text.d.ts

@@ -0,0 +1,4 @@
+export declare const Text: import("@hanzo/gui-core").GuiComponent<import("@hanzo/gui-core").TamaDefer, import("@hanzo/gui-core").GuiTextElement, import("@hanzo/gui-core").RNGuiTextNonStyleProps, import("@hanzo/gui-core").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+}, import("@hanzo/gui-core").StaticConfigPublic>;
+//# sourceMappingURL=Text.d.ts.map

package/types/views/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/views/Text.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;gDAYf,CAAA"}

package/types/views/VisuallyHidden.d.ts

@@ -0,0 +1,5 @@
+export declare const VisuallyHidden: import("@hanzo/gui-core").GuiComponent<import("@hanzo/gui-core").TamaDefer, import("@hanzo/gui-core").GuiElement, import("@hanzo/gui-core").RNGuiViewNonStyleProps, import("@hanzo/gui-core").StackStyleBase, {
+    visible?: boolean | undefined;
+    preserveDimensions?: boolean | undefined;
+}, import("@hanzo/gui-core").StaticConfigPublic>;
+//# sourceMappingURL=VisuallyHidden.d.ts.map

package/types/views/VisuallyHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/views/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;gDAgCzB,CAAA"}

package/web/index.cjs

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

package/web/index.js

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

package/web/index.native.cjs

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

package/web/index.native.js

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

package/web.cjs

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