@hanzo/gui 8.3.0 → 8.3.2

package/dist/cjs/createGui.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createGui = void 0;
+const core_1 = require("@hanzogui/core");
+/**
+ * Adds some helpful validation at dev time only for `hanzogui` specifically
+ **/
+exports.createGui = process.env.NODE_ENV !== 'development'
+    ? core_1.createGui
+    : (conf) => {
+        const sizeTokenKeys = ['$true'];
+        const hasKeys = (expectedKeys, obj) => {
+            return expectedKeys.every((k) => typeof obj[k] !== 'undefined');
+        };
+        const hanzoguiConfig = (0, core_1.createGui)(conf);
+        // size and space should be fully defined
+        for (const name of ['size', 'space']) {
+            const tokenSet = hanzoguiConfig.tokensParsed[name];
+            if (!tokenSet) {
+                throw new Error(`Expected tokens for "${name}" in ${Object.keys(hanzoguiConfig.tokensParsed).join(', ')}`);
+            }
+            if (!hasKeys(sizeTokenKeys, tokenSet)) {
+                throw new Error(`
+createGui() 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 
+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(hanzoguiConfig.tokensParsed.size);
+        for (const name of ['radius', 'zIndex']) {
+            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}:
+
+Received: ${received.join(', ')}
+
+Expected a subset of: ${expected.join(', ')}
+
+`);
+            }
+        }
+        return hanzoguiConfig;
+    };
+//# sourceMappingURL=createGui.js.map

package/dist/cjs/createGui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGui.js","sourceRoot":"","sources":["../../src/createGui.ts"],"names":[],"mappings":";;;AAAA,yCAA2D;AAE3D;;IAEI;AAES,QAAA,SAAS,GACpB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;IACpC,CAAC,CAAC,gBAAa;IACf,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;QACP,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,CAAA;QAE/B,MAAM,OAAO,GAAG,CAAC,YAAsB,EAAE,GAAqB,EAAE,EAAE;YAChE,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAA;QACjE,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,IAAA,gBAAa,EAAC,IAAI,CAAC,CAAA;QAE1C,yCAAyC;QACzC,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO,CAAU,EAAE,CAAC;YAC9C,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAClD,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,MAAM,IAAI,KAAK,CACb,wBAAwB,IAAI,QAAQ,MAAM,CAAC,IAAI,CAC7C,cAAc,CAAC,YAAY,CAC5B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CACf,CAAA;YACH,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;gBACtC,MAAM,IAAI,KAAK,CAAC;sCACU,IAAI;;YAE9B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;YAEhC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;CAcnC,CAAC,CAAA;YACQ,CAAC;QACH,CAAC;QAED,2CAA2C;QAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QAC9D,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAU,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAClD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YACtC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;YACnE,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,MAAM,IAAI,KAAK,CAAC;6BACC,IAAI;;YAErB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;wBAEP,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;CAE1C,CAAC,CAAA;YACQ,CAAC;QACH,CAAC;QAED,OAAO,cAAc,CAAA;IACvB,CAAC,CAAA"}

package/dist/cjs/index.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMedia = exports.useIsomorphicLayoutEffect = exports.useIsTouchDevice = exports.useGet = exports.useEvent = exports.useDidFinishSSR = exports.useClientValue = exports.themeable = exports.styled = exports.setOnLayoutStrategy = exports.mediaState = exports.mediaQueryConfig = exports.mediaObjectToString = exports.isWebTouchable = exports.isWeb = exports.isVariable = exports.isTouchable = exports.isGuiElement = exports.isGuiComponent = exports.isServer = exports.isClient = exports.isChrome = exports.isBrowser = exports._withStableStyle = exports.setupDev = exports.setConfig = exports.insertFont = exports.getVariableValue = exports.getVariableName = exports.getVariable = exports.getTokens = exports.getTokenValue = exports.getToken = exports.getThemes = exports.getCSSStylesAtomic = exports.getMedia = exports.getConfig = exports.createVariable = exports.createTokens = exports.createStyledContext = exports.createShorthands = exports.createFont = exports.createComponent = exports.View = exports.Theme = exports.FontLanguage = exports.GroupContext = exports.ComponentContext = exports.Configuration = exports.ClientOnly = void 0;
+exports.withStaticProperties = exports.variableToString = exports.useThemeName = exports.useTheme = exports.useConfiguration = exports.useStyle = exports.usePropsAndStyle = exports.useProps = void 0;
+const tslib_1 = require("tslib");
+require("./setup.js");
+tslib_1.__exportStar(require("@hanzogui/spacer"), exports);
+tslib_1.__exportStar(require("@hanzogui/accordion"), exports);
+tslib_1.__exportStar(require("@hanzogui/adapt"), exports);
+tslib_1.__exportStar(require("@hanzogui/alert-dialog"), exports);
+tslib_1.__exportStar(require("@hanzogui/animate"), exports);
+tslib_1.__exportStar(require("@hanzogui/animate-presence"), exports);
+tslib_1.__exportStar(require("@hanzogui/avatar"), exports);
+tslib_1.__exportStar(require("@hanzogui/button"), exports);
+tslib_1.__exportStar(require("@hanzogui/card"), exports);
+tslib_1.__exportStar(require("@hanzogui/checkbox"), exports);
+tslib_1.__exportStar(require("@hanzogui/collapsible"), exports);
+tslib_1.__exportStar(require("@hanzogui/compose-refs"), exports);
+tslib_1.__exportStar(require("@hanzogui/create-context"), exports);
+tslib_1.__exportStar(require("@hanzogui/dialog"), exports);
+tslib_1.__exportStar(require("@hanzogui/font-size"), exports);
+tslib_1.__exportStar(require("@hanzogui/form"), exports);
+tslib_1.__exportStar(require("@hanzogui/group"), exports);
+tslib_1.__exportStar(require("@hanzogui/react-native-media-driver"), exports);
+tslib_1.__exportStar(require("@hanzogui/elements"), exports);
+tslib_1.__exportStar(require("@hanzogui/component-helpers"), exports);
+tslib_1.__exportStar(require("@hanzogui/image"), exports);
+tslib_1.__exportStar(require("@hanzogui/label"), exports);
+tslib_1.__exportStar(require("@hanzogui/list-item"), exports);
+tslib_1.__exportStar(require("@hanzogui/menu"), exports);
+tslib_1.__exportStar(require("@hanzogui/context-menu"), exports);
+tslib_1.__exportStar(require("@hanzogui/create-menu"), exports);
+tslib_1.__exportStar(require("@hanzogui/popover"), exports);
+tslib_1.__exportStar(require("@hanzogui/popper"), exports);
+tslib_1.__exportStar(require("@hanzogui/portal"), exports);
+tslib_1.__exportStar(require("@hanzogui/progress"), exports);
+tslib_1.__exportStar(require("@hanzogui/radio-group"), exports);
+tslib_1.__exportStar(require("@hanzogui/scroll-view"), exports);
+tslib_1.__exportStar(require("@hanzogui/select"), exports);
+tslib_1.__exportStar(require("@hanzogui/separator"), exports);
+tslib_1.__exportStar(require("@hanzogui/shapes"), exports);
+tslib_1.__exportStar(require("@hanzogui/sheet"), exports);
+tslib_1.__exportStar(require("@hanzogui/slider"), exports);
+tslib_1.__exportStar(require("@hanzogui/stacks"), exports);
+tslib_1.__exportStar(require("@hanzogui/switch"), exports);
+tslib_1.__exportStar(require("@hanzogui/tabs"), exports);
+tslib_1.__exportStar(require("@hanzogui/text"), exports);
+tslib_1.__exportStar(require("@hanzogui/theme"), exports);
+tslib_1.__exportStar(require("@hanzogui/toast"), exports);
+tslib_1.__exportStar(require("@hanzogui/toggle-group"), exports);
+tslib_1.__exportStar(require("@hanzogui/tooltip"), exports);
+tslib_1.__exportStar(require("@hanzogui/use-controllable-state"), exports);
+tslib_1.__exportStar(require("@hanzogui/use-debounce"), exports);
+tslib_1.__exportStar(require("@hanzogui/use-force-update"), exports);
+tslib_1.__exportStar(require("@hanzogui/element"), exports);
+tslib_1.__exportStar(require("@hanzogui/use-window-dimensions"), exports);
+tslib_1.__exportStar(require("@hanzogui/visually-hidden"), exports);
+tslib_1.__exportStar(require("./createGui.js"), exports);
+tslib_1.__exportStar(require("./viewTypes.js"), exports);
+tslib_1.__exportStar(require("./views/GuiProvider.js"), exports);
+tslib_1.__exportStar(require("./views/Anchor.js"), exports);
+tslib_1.__exportStar(require("./views/EnsureFlexed.js"), exports);
+tslib_1.__exportStar(require("./views/Fieldset.js"), exports);
+tslib_1.__exportStar(require("@hanzogui/input"), exports);
+tslib_1.__exportStar(require("@hanzogui/spinner"), exports);
+tslib_1.__exportStar(require("./views/Text.js"), exports);
+var core_1 = require("@hanzogui/core");
+Object.defineProperty(exports, "ClientOnly", { enumerable: true, get: function () { return core_1.ClientOnly; } });
+Object.defineProperty(exports, "Configuration", { enumerable: true, get: function () { return core_1.Configuration; } });
+Object.defineProperty(exports, "ComponentContext", { enumerable: true, get: function () { return core_1.ComponentContext; } });
+Object.defineProperty(exports, "GroupContext", { enumerable: true, get: function () { return core_1.GroupContext; } });
+Object.defineProperty(exports, "FontLanguage", { enumerable: true, get: function () { return core_1.FontLanguage; } });
+// components
+Object.defineProperty(exports, "Theme", { enumerable: true, get: function () { return core_1.Theme; } });
+Object.defineProperty(exports, "View", { enumerable: true, get: function () { return core_1.View; } });
+Object.defineProperty(exports, "createComponent", { enumerable: true, get: function () { return core_1.createComponent; } });
+Object.defineProperty(exports, "createFont", { enumerable: true, get: function () { return core_1.createFont; } });
+Object.defineProperty(exports, "createShorthands", { enumerable: true, get: function () { return core_1.createShorthands; } });
+Object.defineProperty(exports, "createStyledContext", { enumerable: true, get: function () { return core_1.createStyledContext; } });
+Object.defineProperty(exports, "createTokens", { enumerable: true, get: function () { return core_1.createTokens; } });
+Object.defineProperty(exports, "createVariable", { enumerable: true, get: function () { return core_1.createVariable; } });
+Object.defineProperty(exports, "getConfig", { enumerable: true, get: function () { return core_1.getConfig; } });
+Object.defineProperty(exports, "getMedia", { enumerable: true, get: function () { return core_1.getMedia; } });
+Object.defineProperty(exports, "getCSSStylesAtomic", { enumerable: true, get: function () { return core_1.getCSSStylesAtomic; } });
+Object.defineProperty(exports, "getThemes", { enumerable: true, get: function () { return core_1.getThemes; } });
+Object.defineProperty(exports, "getToken", { enumerable: true, get: function () { return core_1.getToken; } });
+Object.defineProperty(exports, "getTokenValue", { enumerable: true, get: function () { return core_1.getTokenValue; } });
+Object.defineProperty(exports, "getTokens", { enumerable: true, get: function () { return core_1.getTokens; } });
+Object.defineProperty(exports, "getVariable", { enumerable: true, get: function () { return core_1.getVariable; } });
+Object.defineProperty(exports, "getVariableName", { enumerable: true, get: function () { return core_1.getVariableName; } });
+Object.defineProperty(exports, "getVariableValue", { enumerable: true, get: function () { return core_1.getVariableValue; } });
+Object.defineProperty(exports, "insertFont", { enumerable: true, get: function () { return core_1.insertFont; } });
+Object.defineProperty(exports, "setConfig", { enumerable: true, get: function () { return core_1.setConfig; } });
+Object.defineProperty(exports, "setupDev", { enumerable: true, get: function () { return core_1.setupDev; } });
+Object.defineProperty(exports, "_withStableStyle", { enumerable: true, get: function () { return core_1._withStableStyle; } });
+// constants
+Object.defineProperty(exports, "isBrowser", { enumerable: true, get: function () { return core_1.isBrowser; } });
+Object.defineProperty(exports, "isChrome", { enumerable: true, get: function () { return core_1.isChrome; } });
+Object.defineProperty(exports, "isClient", { enumerable: true, get: function () { return core_1.isClient; } });
+Object.defineProperty(exports, "isServer", { enumerable: true, get: function () { return core_1.isServer; } });
+Object.defineProperty(exports, "isGuiComponent", { enumerable: true, get: function () { return core_1.isGuiComponent; } });
+Object.defineProperty(exports, "isGuiElement", { enumerable: true, get: function () { return core_1.isGuiElement; } });
+Object.defineProperty(exports, "isTouchable", { enumerable: true, get: function () { return core_1.isTouchable; } });
+Object.defineProperty(exports, "isVariable", { enumerable: true, get: function () { return core_1.isVariable; } });
+Object.defineProperty(exports, "isWeb", { enumerable: true, get: function () { return core_1.isWeb; } });
+Object.defineProperty(exports, "isWebTouchable", { enumerable: true, get: function () { return core_1.isWebTouchable; } });
+Object.defineProperty(exports, "matchMedia", { enumerable: true, get: function () { return core_1.matchMedia; } });
+Object.defineProperty(exports, "mediaObjectToString", { enumerable: true, get: function () { return core_1.mediaObjectToString; } });
+Object.defineProperty(exports, "mediaQueryConfig", { enumerable: true, get: function () { return core_1.mediaQueryConfig; } });
+Object.defineProperty(exports, "mediaState", { enumerable: true, get: function () { return core_1.mediaState; } });
+Object.defineProperty(exports, "setOnLayoutStrategy", { enumerable: true, get: function () { return core_1.setOnLayoutStrategy; } });
+Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return core_1.styled; } });
+Object.defineProperty(exports, "themeable", { enumerable: true, get: function () { return core_1.themeable; } });
+// hooks
+Object.defineProperty(exports, "useClientValue", { enumerable: true, get: function () { return core_1.useClientValue; } });
+Object.defineProperty(exports, "useDidFinishSSR", { enumerable: true, get: function () { return core_1.useDidFinishSSR; } });
+Object.defineProperty(exports, "useEvent", { enumerable: true, get: function () { return core_1.useEvent; } });
+Object.defineProperty(exports, "useGet", { enumerable: true, get: function () { return core_1.useGet; } });
+Object.defineProperty(exports, "useIsTouchDevice", { enumerable: true, get: function () { return core_1.useIsTouchDevice; } });
+Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return core_1.useIsomorphicLayoutEffect; } });
+Object.defineProperty(exports, "useMedia", { enumerable: true, get: function () { return core_1.useMedia; } });
+Object.defineProperty(exports, "useProps", { enumerable: true, get: function () { return core_1.useProps; } });
+Object.defineProperty(exports, "usePropsAndStyle", { enumerable: true, get: function () { return core_1.usePropsAndStyle; } });
+Object.defineProperty(exports, "useStyle", { enumerable: true, get: function () { return core_1.useStyle; } });
+Object.defineProperty(exports, "useConfiguration", { enumerable: true, get: function () { return core_1.useConfiguration; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return core_1.useTheme; } });
+Object.defineProperty(exports, "useThemeName", { enumerable: true, get: function () { return core_1.useThemeName; } });
+Object.defineProperty(exports, "variableToString", { enumerable: true, get: function () { return core_1.variableToString; } });
+Object.defineProperty(exports, "withStaticProperties", { enumerable: true, get: function () { return core_1.withStaticProperties; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/linear-gradient.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinearGradient = void 0;
+var linear_gradient_1 = require("@hanzogui/linear-gradient");
+Object.defineProperty(exports, "LinearGradient", { enumerable: true, get: function () { return linear_gradient_1.LinearGradient; } });
+//# sourceMappingURL=linear-gradient.js.map

package/dist/cjs/linear-gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-gradient.js","sourceRoot":"","sources":["../../src/linear-gradient.ts"],"names":[],"mappings":";;;AAAA,6DAAoF;AAA3E,iHAAA,cAAc,OAAA"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/cjs/setup.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+require("@hanzogui/polyfill-dev");
+const React = tslib_1.__importStar(require("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'] || (globalThis['React'] = React);
+// for SSR
+if (typeof requestAnimationFrame === 'undefined') {
+    globalThis['requestAnimationFrame'] =
+        typeof setImmediate === 'undefined' ? setTimeout : setImmediate;
+}
+//# sourceMappingURL=setup.js.map

package/dist/cjs/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../src/setup.ts"],"names":[],"mappings":";;;AAAA,kCAA+B;AAE/B,MAAY,KAAK,0CAAa;AAE9B,wEAAwE;AACxE,6DAA6D;AAC7D,UAAU,CAAC,OAAO,MAAlB,UAAU,CAAC,OAAO,IAAM,KAAK,EAAA;AAE7B,UAAU;AACV,IAAI,OAAO,qBAAqB,KAAK,WAAW,EAAE,CAAC;IACjD,UAAU,CAAC,uBAAuB,CAAC;QACjC,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAA;AACnE,CAAC"}

package/dist/cjs/viewTypes.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=viewTypes.js.map

package/dist/cjs/viewTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewTypes.js","sourceRoot":"","sources":["../../src/viewTypes.tsx"],"names":[],"mappings":""}

package/dist/cjs/views/Anchor.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Anchor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("@hanzogui/constants");
+const core_1 = require("@hanzogui/core");
+const text_1 = require("@hanzogui/text");
+const react_native_1 = require("react-native");
+const AnchorFrame = (0, core_1.styled)(text_1.SizableText, {
+    name: 'Anchor',
+    render: 'a',
+    role: 'link',
+});
+exports.Anchor = AnchorFrame.styleable(({ href, target, rel, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(AnchorFrame, { ...props, ...(constants_1.isWeb
+            ? {
+                href,
+                target,
+                rel,
+            }
+            : {
+                onPress: (event) => {
+                    props.onPress?.(event);
+                    if (href !== undefined) {
+                        react_native_1.Linking.openURL(href);
+                    }
+                },
+            }), ref: ref }));
+});
+//# sourceMappingURL=Anchor.js.map

package/dist/cjs/views/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../../src/views/Anchor.tsx"],"names":[],"mappings":";;;;AAAA,mDAA2C;AAC3C,yCAAuC;AAEvC,yCAA4C;AAC5C,+CAAsC;AAUtC,MAAM,WAAW,GAAG,IAAA,aAAM,EAAC,kBAAW,EAAE;IACtC,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,MAAM;CACb,CAAC,CAAA;AAEW,QAAA,MAAM,GAAG,WAAW,CAAC,SAAS,CACzC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvC,OAAO,CACL,uBAAC,WAAW,OACN,KAAK,KACL,CAAC,iBAAK;YACR,CAAC,CAAC;gBACE,IAAI;gBACJ,MAAM;gBACN,GAAG;aACJ;YACH,CAAC,CAAC;gBACE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;oBACtB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;wBACvB,sBAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;oBACvB,CAAC;gBACH,CAAC;aACF,CAAC,EACN,GAAG,EAAE,GAAU,GACf,CACH,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/cjs/views/EnsureFlexed.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnsureFlexed = void 0;
+const core_1 = require("@hanzogui/core");
+// expands flex elements when they should push a far as they "want" naturally
+exports.EnsureFlexed = (0, core_1.styled)(core_1.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
+exports.EnsureFlexed['isVisuallyHidden'] = true;
+//# sourceMappingURL=EnsureFlexed.js.map

package/dist/cjs/views/EnsureFlexed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnsureFlexed.js","sourceRoot":"","sources":["../../../src/views/EnsureFlexed.tsx"],"names":[],"mappings":";;;AAAA,yCAA6C;AAE7C,6EAA6E;AAEhE,QAAA,YAAY,GAAG,IAAA,aAAM,EAAC,WAAI,EAAE;IACvC,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC;IACb,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,qBAAqB;IAC/B,aAAa,EAAE,MAAM;CACtB,CAAC,CAAA;AAEF,0CAA0C;AAC1C,oDAAoD;AACpD,QAAA,YAAY,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA"}

package/dist/cjs/views/Fieldset.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fieldset = void 0;
+const core_1 = require("@hanzogui/core");
+const stacks_1 = require("@hanzogui/stacks");
+exports.Fieldset = (0, core_1.styled)(stacks_1.YStack, {
+    name: 'Fieldset',
+    render: 'fieldset',
+    // remove browser default styling
+    borderWidth: 0,
+    variants: {
+        horizontal: {
+            true: {
+                flexDirection: 'row',
+                alignItems: 'center',
+            },
+        },
+    },
+});
+//# sourceMappingURL=Fieldset.js.map

package/dist/cjs/views/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/views/Fieldset.tsx"],"names":[],"mappings":";;;AACA,yCAAuC;AACvC,6CAAyC;AAE5B,QAAA,QAAQ,GAAG,IAAA,aAAM,EAAC,eAAM,EAAE;IACrC,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,UAAU;IAElB,iCAAiC;IACjC,WAAW,EAAE,CAAC;IAEd,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;aACrB;SACF;KACO;CACX,CAAC,CAAA"}

package/dist/cjs/views/GuiProvider.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GuiProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@hanzogui/core");
+const portal_1 = require("@hanzogui/portal");
+const telemetry_1 = require("@hanzogui/telemetry");
+const z_index_stack_1 = require("@hanzogui/z-index-stack");
+const GuiProvider = ({ children, telemetry, ...props }) => {
+    const tree = ((0, jsx_runtime_1.jsx)(core_1.GuiProvider, { ...props, children: (0, jsx_runtime_1.jsx)(z_index_stack_1.ZIndexStackContext.Provider, { value: 1, children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { shouldAddRootHost: true, children: children }) }) }));
+    if (telemetry === false)
+        return tree;
+    // OUTSIDE the gui tree, deliberately: the boundary inside TelemetryProvider is
+    // the only thing that can observe a crash in gui's own render, and it re-throws
+    // afterwards so the app's error UI still decides what the user sees.
+    //
+    // `owner="gui"` is what makes this safe to mount for EVERY app. It collects
+    // only while nothing else is collecting: an app that mounts its own
+    // <AnalyticsProvider> or <TelemetryProvider> — above this or below it, at
+    // startup or on a lazy route — takes the stream, and this one goes inert. One
+    // client, one stream, never two.
+    return ((0, jsx_runtime_1.jsx)(telemetry_1.TelemetryProvider, { owner: "gui", ...(typeof telemetry === 'object' ? telemetry : null), children: tree }));
+};
+exports.GuiProvider = GuiProvider;
+//# sourceMappingURL=GuiProvider.js.map

package/dist/cjs/views/GuiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiProvider.js","sourceRoot":"","sources":["../../../src/views/GuiProvider.tsx"],"names":[],"mappings":";;;;AACA,yCAA0D;AAC1D,6CAAiD;AACjD,mDAA6E;AAC7E,2DAA4D;AAqBrD,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IACjF,MAAM,IAAI,GAAG,CACX,uBAAC,kBAAU,OAAK,KAAK,YACnB,uBAAC,kCAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YACnC,uBAAC,uBAAc,IAAC,iBAAiB,kBAAE,QAAQ,GAAkB,GACjC,GACnB,CACd,CAAA;IAED,IAAI,SAAS,KAAK,KAAK;QAAE,OAAO,IAAI,CAAA;IAEpC,+EAA+E;IAC/E,gFAAgF;IAChF,qEAAqE;IACrE,EAAE;IACF,4EAA4E;IAC5E,oEAAoE;IACpE,0EAA0E;IAC1E,8EAA8E;IAC9E,iCAAiC;IACjC,OAAO,CACL,uBAAC,6BAAiB,IAChB,KAAK,EAAC,KAAK,KACP,CAAC,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,YAErD,IAAI,GACa,CACrB,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,WAAW,GAAX,WAAW,CA4BvB"}

package/dist/cjs/views/Text.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const core_1 = require("@hanzogui/core");
+exports.Text = (0, core_1.styled)(core_1.Text, {
+    variants: {
+        unstyled: {
+            false: {
+                color: '$color',
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+//# sourceMappingURL=Text.js.map

package/dist/cjs/views/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/views/Text.tsx"],"names":[],"mappings":";;;AAAA,yCAAwD;AAE3C,QAAA,IAAI,GAAG,IAAA,aAAM,EAAC,WAAO,EAAE;IAClC,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,QAAQ;aAChB;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,CAAC,CAAA"}

package/dist/cjs/views/VisuallyHidden.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisuallyHidden = void 0;
+const core_1 = require("@hanzogui/core");
+exports.VisuallyHidden = (0, core_1.styled)(core_1.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',
+            },
+        },
+        visible: {
+            true: {
+                position: 'relative',
+                width: 'auto',
+                height: 'auto',
+                margin: 0,
+                zIndex: 1,
+                overflow: 'visible',
+                opacity: 1,
+                pointerEvents: 'auto',
+            },
+        },
+    },
+});
+// @tamgui/core checks for this in spacing
+exports.VisuallyHidden['isVisuallyHidden'] = true;
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/cjs/views/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/views/VisuallyHidden.tsx"],"names":[],"mappings":";;;AAAA,yCAA6C;AAEhC,QAAA,cAAc,GAAG,IAAA,aAAM,EAAC,WAAI,EAAE;IACzC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,CAAC;IACV,MAAM,EAAE,CAAC,KAAK;IACd,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,UAAU;IACnB,aAAa,EAAE,MAAM;IAErB,QAAQ,EAAE;QACR,kBAAkB,EAAE;YAClB,IAAI,EAAE;gBACJ,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;SACO;QAEV,OAAO,EAAE;YACP,IAAI,EAAE;gBACJ,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;gBACT,QAAQ,EAAE,SAAS;gBACnB,OAAO,EAAE,CAAC;gBACV,aAAa,EAAE,MAAM;aACtB;SACO;KACX;CACF,CAAC,CAAA;AAEF,0CAA0C;AAC1C,QAAA,cAAc,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA"}

package/dist/esm/createGui.js

@@ -0,0 +1,61 @@
+import { createGui as createGuiCore } from '@hanzogui/core';
+/**
+ * Adds some helpful validation at dev time only for `hanzogui` specifically
+ **/
+export const createGui = process.env.NODE_ENV !== 'development'
+    ? createGuiCore
+    : (conf) => {
+        const sizeTokenKeys = ['$true'];
+        const hasKeys = (expectedKeys, obj) => {
+            return expectedKeys.every((k) => typeof obj[k] !== 'undefined');
+        };
+        const hanzoguiConfig = createGuiCore(conf);
+        // size and space should be fully defined
+        for (const name of ['size', 'space']) {
+            const tokenSet = hanzoguiConfig.tokensParsed[name];
+            if (!tokenSet) {
+                throw new Error(`Expected tokens for "${name}" in ${Object.keys(hanzoguiConfig.tokensParsed).join(', ')}`);
+            }
+            if (!hasKeys(sizeTokenKeys, tokenSet)) {
+                throw new Error(`
+createGui() 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 
+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(hanzoguiConfig.tokensParsed.size);
+        for (const name of ['radius', 'zIndex']) {
+            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}:
+
+Received: ${received.join(', ')}
+
+Expected a subset of: ${expected.join(', ')}
+
+`);
+            }
+        }
+        return hanzoguiConfig;
+    };
+//# sourceMappingURL=createGui.js.map

package/dist/esm/createGui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGui.js","sourceRoot":"","sources":["../../src/createGui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE3D;;IAEI;AAEJ,MAAM,CAAC,MAAM,SAAS,GACpB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;IACpC,CAAC,CAAC,aAAa;IACf,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;QACP,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,CAAA;QAE/B,MAAM,OAAO,GAAG,CAAC,YAAsB,EAAE,GAAqB,EAAE,EAAE;YAChE,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAA;QACjE,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;QAE1C,yCAAyC;QACzC,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO,CAAU,EAAE,CAAC;YAC9C,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAClD,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,MAAM,IAAI,KAAK,CACb,wBAAwB,IAAI,QAAQ,MAAM,CAAC,IAAI,CAC7C,cAAc,CAAC,YAAY,CAC5B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CACf,CAAA;YACH,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;gBACtC,MAAM,IAAI,KAAK,CAAC;sCACU,IAAI;;YAE9B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;YAEhC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;CAcnC,CAAC,CAAA;YACQ,CAAC;QACH,CAAC;QAED,2CAA2C;QAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QAC9D,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAU,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAClD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YACtC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;YACnE,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,MAAM,IAAI,KAAK,CAAC;6BACC,IAAI;;YAErB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;wBAEP,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;CAE1C,CAAC,CAAA;YACQ,CAAC;QACH,CAAC;QAED,OAAO,cAAc,CAAA;IACvB,CAAC,CAAA"}