tamagui 1.0.0-beta.187 → 1.0.0-beta.2

package/dist/cjs/createTamagui.js

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createTamagui_exports = {};
+__export(createTamagui_exports, {
+  createTamagui: () => createTamagui
+});
+module.exports = __toCommonJS(createTamagui_exports);
+var Core = __toESM(require("@tamagui/core"));
+var React = __toESM(require("react"));
+var import_PopoverProvider = require("./views/Popover/PopoverProvider");
+var import_SafeAreaProvider = require("./views/SafeAreaProvider");
+function createTamagui(config) {
+  const conf = Core.createTamagui(config);
+  const OGProvider = conf.Provider;
+  conf.Provider = (_a) => {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    return /* @__PURE__ */ React.createElement(OGProvider, __spreadValues({}, props), /* @__PURE__ */ React.createElement(import_SafeAreaProvider.SafeAreaProvider, null, /* @__PURE__ */ React.createElement(import_PopoverProvider.PopoverProvider, null, children)));
+  };
+  return conf;
+}
+__name(createTamagui, "createTamagui");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createTamagui
+});
+//# sourceMappingURL=createTamagui.js.map

package/dist/cjs/createTamagui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createTamagui.tsx"],
+  "sourcesContent": ["import * as Core from '@tamagui/core'\nimport {\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n} from '@tamagui/core'\nimport * as React from 'react'\n\nimport { PopoverProvider } from './views/Popover/PopoverProvider'\nimport { SafeAreaProvider } from './views/SafeAreaProvider'\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): Conf extends Partial<CreateTamaguiConfig<infer A, infer B, infer C, infer D, infer E, infer F>>\n  ? TamaguiInternalConfig<A, B, C, D, E, F>\n  : unknown {\n  const conf = Core.createTamagui(config)\n\n  // add our providers\n  const OGProvider = conf.Provider\n  conf.Provider = ({ children, ...props }: TamaguiProviderProps) => {\n    return (\n      <OGProvider {...props}>\n        <SafeAreaProvider>\n          <PopoverProvider>{children}</PopoverProvider>\n        </SafeAreaProvider>\n      </OGProvider>\n    )\n  }\n\n  return conf\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAsB;AAOtB,YAAuB;AAEvB,6BAAgC;AAChC,8BAAiC;AAE1B,uBACL,QAGU;AACV,QAAM,OAAO,KAAK,cAAc,MAAM;AAGtC,QAAM,aAAa,KAAK;AACxB,OAAK,WAAW,CAAC,OAAiD;AAAjD,iBAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACjB,WACE,oCAAC,+BAAe,QACd,oCAAC,gDACC,oCAAC,8CAAiB,QAAS,CAC7B,CACF;AAAA,EAEJ;AAEA,SAAO;AACT;AApBgB;",
+  "names": []
+}

package/dist/cjs/helpers/createContext.js

@@ -0,0 +1,150 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createContext_exports = {};
+__export(createContext_exports, {
+  createContext: () => createContext,
+  createContextScope: () => createContextScope
+});
+module.exports = __toCommonJS(createContext_exports);
+var React = __toESM(require("react"));
+function createContext(rootComponentName, defaultContext) {
+  const Context = React.createContext(defaultContext);
+  function Provider(props) {
+    const _a = props, { children } = _a, context = __objRest(_a, ["children"]);
+    const value = React.useMemo(() => context, Object.values(context));
+    return /* @__PURE__ */ React.createElement(Context.Provider, {
+      value
+    }, children);
+  }
+  __name(Provider, "Provider");
+  function useContext(consumerName) {
+    const context = React.useContext(Context);
+    if (context)
+      return context;
+    if (defaultContext !== void 0)
+      return defaultContext;
+    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+  }
+  __name(useContext, "useContext");
+  Provider.displayName = rootComponentName + "Provider";
+  return [Provider, useContext];
+}
+__name(createContext, "createContext");
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext2(rootComponentName, defaultContext) {
+    const BaseContext = React.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    function Provider(props) {
+      const _a = props, { scope, children } = _a, context = __objRest(_a, ["scope", "children"]);
+      const Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext;
+      const value = React.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ React.createElement(Context.Provider, {
+        value
+      }, children);
+    }
+    __name(Provider, "Provider");
+    function useContext(consumerName, scope) {
+      const Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext;
+      const context = React.useContext(Context);
+      if (context)
+        return context;
+      if (defaultContext !== void 0)
+        return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    __name(useContext, "useContext");
+    Provider.displayName = rootComponentName + "Provider";
+    return [Provider, useContext];
+  }
+  __name(createContext2, "createContext");
+  const createScope = /* @__PURE__ */ __name(() => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React.createContext(defaultContext);
+    });
+    return /* @__PURE__ */ __name(function useScope(scope) {
+      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
+      return React.useMemo(() => ({ [`__scope${scopeName}`]: __spreadProps(__spreadValues({}, scope), { [scopeName]: contexts }) }), [scope, contexts]);
+    }, "useScope");
+  }, "createScope");
+  createScope.scopeName = scopeName;
+  return [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+__name(createContextScope, "createContextScope");
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1)
+    return baseScope;
+  const createScope = /* @__PURE__ */ __name(() => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return /* @__PURE__ */ __name(function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return __spreadValues(__spreadValues({}, nextScopes2), currentScope);
+      }, {});
+      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    }, "useComposedScopes");
+  }, "createScope");
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+__name(composeContextScopes, "composeContextScopes");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createContext,
+  createContextScope
+});
+//# sourceMappingURL=createContext.js.map

package/dist/cjs/helpers/createContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/createContext.tsx"],
+  "sourcesContent": ["// from radix\n// https://github.com/radix-ui/primitives/blob/main/packages/react/context/src/createContext.tsx\n\nimport * as React from 'react'\n\nfunction createContext<ContextValueType extends object | null>(\n  rootComponentName: string,\n  defaultContext?: ContextValueType\n) {\n  const Context = React.createContext<ContextValueType | undefined>(defaultContext)\n\n  function Provider(props: ContextValueType & { children: React.ReactNode }) {\n    const { children, ...context } = props\n    // Only re-memoize when prop values change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const value = React.useMemo(() => context, Object.values(context)) as ContextValueType\n    return <Context.Provider value={value}>{children}</Context.Provider>\n  }\n\n  function useContext(consumerName: string) {\n    const context = React.useContext(Context)\n    if (context) return context\n    if (defaultContext !== undefined) return defaultContext\n    // if a defaultContext wasn't specified, it's a required context.\n    throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``)\n  }\n\n  Provider.displayName = rootComponentName + 'Provider'\n  return [Provider, useContext] as const\n}\n\n/* -------------------------------------------------------------------------------------------------\n * createContextScope\n * -----------------------------------------------------------------------------------------------*/\n\ntype Scope<C = any> = { [scopeName: string]: React.Context<C>[] } | undefined\ntype ScopeHook = (scope: Scope) => { [__scopeProp: string]: Scope }\ninterface CreateScope {\n  scopeName: string\n  (): ScopeHook\n}\n\nfunction createContextScope(scopeName: string, createContextScopeDeps: CreateScope[] = []) {\n  let defaultContexts: any[] = []\n\n  /* -----------------------------------------------------------------------------------------------\n   * createContext\n   * ---------------------------------------------------------------------------------------------*/\n\n  function createContext<ContextValueType extends object | null>(\n    rootComponentName: string,\n    defaultContext?: ContextValueType\n  ) {\n    const BaseContext = React.createContext<ContextValueType | undefined>(defaultContext)\n    const index = defaultContexts.length\n    defaultContexts = [...defaultContexts, defaultContext]\n\n    function Provider(\n      props: ContextValueType & { scope: Scope<ContextValueType>; children: React.ReactNode }\n    ) {\n      const { scope, children, ...context } = props\n      const Context = scope?.[scopeName][index] || BaseContext\n      // Only re-memoize when prop values change\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const value = React.useMemo(() => context, Object.values(context)) as ContextValueType\n      return <Context.Provider value={value}>{children}</Context.Provider>\n    }\n\n    function useContext(consumerName: string, scope: Scope<ContextValueType | undefined>) {\n      const Context = scope?.[scopeName][index] || BaseContext\n      const context = React.useContext(Context)\n      if (context) return context\n      if (defaultContext !== undefined) return defaultContext\n      // if a defaultContext wasn't specified, it's a required context.\n      throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``)\n    }\n\n    Provider.displayName = rootComponentName + 'Provider'\n    return [Provider, useContext] as const\n  }\n\n  /* -----------------------------------------------------------------------------------------------\n   * createScope\n   * ---------------------------------------------------------------------------------------------*/\n\n  const createScope: CreateScope = () => {\n    const scopeContexts = defaultContexts.map((defaultContext) => {\n      return React.createContext(defaultContext)\n    })\n    return function useScope(scope: Scope) {\n      const contexts = scope?.[scopeName] || scopeContexts\n      return React.useMemo(\n        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),\n        [scope, contexts]\n      )\n    }\n  }\n\n  createScope.scopeName = scopeName\n  return [createContext, composeContextScopes(createScope, ...createContextScopeDeps)] as const\n}\n\n/* -------------------------------------------------------------------------------------------------\n * composeContextScopes\n * -----------------------------------------------------------------------------------------------*/\n\nfunction composeContextScopes(...scopes: CreateScope[]) {\n  const baseScope = scopes[0]\n  if (scopes.length === 1) return baseScope\n\n  const createScope: CreateScope = () => {\n    const scopeHooks = scopes.map((createScope) => ({\n      useScope: createScope(),\n      scopeName: createScope.scopeName,\n    }))\n\n    return function useComposedScopes(overrideScopes) {\n      const nextScopes = scopeHooks.reduce((nextScopes, { useScope, scopeName }) => {\n        // We are calling a hook inside a callback which React warns against to avoid inconsistent\n        // renders, however, scoping doesn't have render side effects so we ignore the rule.\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const scopeProps = useScope(overrideScopes)\n        const currentScope = scopeProps[`__scope${scopeName}`]\n        return { ...nextScopes, ...currentScope }\n      }, {})\n\n      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes])\n    }\n  }\n\n  createScope.scopeName = baseScope.scopeName\n  return createScope\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport { createContext, createContextScope }\nexport type { CreateScope, Scope }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/helpers/{getSize.js → getButtonSize.js}

@@ -16,26 +16,33 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var getSize_exports = {};
-__export(getSize_exports, {
-  getSize: () => getSize
+var getButtonSize_exports = {};
+__export(getButtonSize_exports, {
+  getButtonSize: () => getButtonSize
 });
-module.exports = __toCommonJS(getSize_exports);
+module.exports = __toCommonJS(getButtonSize_exports);
 var import_core = require("@tamagui/core");
-const getSize = /* @__PURE__ */ __name((sizeX = 0.8, sizeY = 0.333) => (val, { tokens, props }) => {
+const getButtonSize = /* @__PURE__ */ __name((sizeX = 0.9, sizeY = 0.333) => (val, { tokens, props, fonts }) => {
   const size = tokens.size[val] ?? tokens.size["$4"] ?? val ?? 14;
   const radius = tokens.radius[val] ?? tokens.radius["$4"] ?? size;
   const px = Math.round(+((0, import_core.isVariable)(size) ? size.val : size) * sizeX);
   const py = Math.round(+((0, import_core.isVariable)(size) ? size.val : size) * sizeY);
-  const font = tokens.font[props.fontFamily] || tokens.font["$body"];
+  const font = fonts[props.fontFamily] || fonts["$body"];
   const lineHeights = font.lineHeight;
   const lineHeight = lineHeights[val] ?? lineHeights["$4"];
-  const minHeight = (0, import_core.getVariableValue)(lineHeight) + py * 2;
+  const minHeight = Math.round((0, import_core.getVariableValue)(lineHeight) + py * 2);
+  if (process.env.NODE_ENV === "development" && props["debug"]) {
+    console.log("getButtonSize", props.fontFamily, { size, py, val, lineHeight, minHeight });
+  }
   return {
     minHeight,
     paddingHorizontal: props.circular ? 0 : px,
     paddingVertical: props.circular ? 0 : py,
     borderRadius: props.circular ? 1e5 : props.borderRadius ?? radius
   };
-}, "getSize");
-//# sourceMappingURL=getSize.js.map
+}, "getButtonSize");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getButtonSize
+});
+//# sourceMappingURL=getButtonSize.js.map

package/dist/cjs/helpers/getButtonSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getButtonSize.tsx"],
+  "sourcesContent": ["import { VariantSpreadExtras, getVariableValue, isVariable } from '@tamagui/core'\n\n// for use in button-like things\n\nexport const getButtonSize =\n  (sizeX = 0.9, sizeY = 0.333) =>\n  (val: any, { tokens, props, fonts }: VariantSpreadExtras<any>) => {\n    const size = tokens.size[val] ?? tokens.size['$4'] ?? val ?? 14\n    const radius = tokens.radius[val] ?? tokens.radius['$4'] ?? size\n    const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX)\n    const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY)\n    // keep buttons height aligned to the font used\n    const font = fonts[props.fontFamily] || fonts['$body']\n    const lineHeights = font.lineHeight\n    const lineHeight = lineHeights[val] ?? lineHeights['$4']\n    const minHeight = Math.round(getVariableValue(lineHeight) + py * 2)\n    if (process.env.NODE_ENV === 'development' && props['debug']) {\n      console.log('getButtonSize', props.fontFamily, { size, py, val, lineHeight, minHeight })\n    }\n    return {\n      minHeight,\n      paddingHorizontal: props.circular ? 0 : px,\n      paddingVertical: props.circular ? 0 : py,\n      borderRadius: props.circular ? 100_000 : props.borderRadius ?? radius,\n    }\n  }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkE;AAI3D,MAAM,gBACX,wBAAC,QAAQ,KAAK,QAAQ,UACtB,CAAC,KAAU,EAAE,QAAQ,OAAO,YAAsC;AAChE,QAAM,OAAO,OAAO,KAAK,QAAQ,OAAO,KAAK,SAAS,OAAO;AAC7D,QAAM,SAAS,OAAO,OAAO,QAAQ,OAAO,OAAO,SAAS;AAC5D,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AACnE,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AAEnE,QAAM,OAAO,MAAM,MAAM,eAAe,MAAM;AAC9C,QAAM,cAAc,KAAK;AACzB,QAAM,aAAa,YAAY,QAAQ,YAAY;AACnD,QAAM,YAAY,KAAK,MAAM,kCAAiB,UAAU,IAAI,KAAK,CAAC;AAClE,MAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,UAAU;AAC5D,YAAQ,IAAI,iBAAiB,MAAM,YAAY,EAAE,MAAM,IAAI,KAAK,YAAY,UAAU,CAAC;AAAA,EACzF;AACA,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,MAAM,WAAW,IAAI;AAAA,IACxC,iBAAiB,MAAM,WAAW,IAAI;AAAA,IACtC,cAAc,MAAM,WAAW,MAAU,MAAM,gBAAgB;AAAA,EACjE;AACF,GApBA;",
+  "names": []
+}

package/dist/cjs/helpers/getFontSize.js

@@ -36,8 +36,8 @@ const getFontSizeVariable = /* @__PURE__ */ __name((inSize, opts) => {
   if (!token) {
     return inSize;
   }
-  const tokens = (0, import_core.getTokens)();
-  return tokens.font[(opts == null ? void 0 : opts.font) || "$body"].size[token];
+  const conf = (0, import_core.getConfig)();
+  return conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size[token];
 }, "getFontSizeVariable");
 const getFontSizeToken = /* @__PURE__ */ __name((inSize, opts) => {
   if (typeof inSize === "number") {
@@ -48,10 +48,16 @@ const getFontSizeToken = /* @__PURE__ */ __name((inSize, opts) => {
   if (relativeSize === 0) {
     return size;
   }
-  const tokens = (0, import_core.getTokens)();
-  const fontSize = tokens.font[(opts == null ? void 0 : opts.font) || "$body"].size;
+  const conf = (0, import_core.getConfig)();
+  const fontSize = conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size;
   const sizeTokens = Object.keys(fontSize);
   const tokenIndex = Math.min(Math.max(0, sizeTokens.indexOf(size) + relativeSize), sizeTokens.length - 1);
   return sizeTokens[tokenIndex] ?? size;
 }, "getFontSizeToken");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFontSize,
+  getFontSizeToken,
+  getFontSizeVariable
+});
 //# sourceMappingURL=getFontSize.js.map

package/dist/cjs/helpers/getFontSize.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getFontSize.tsx"],
-  "sourcesContent": ["import { FontTokens, SizeTokens, getTokens, isVariable } from '@tamagui/core'\n\ntype GetFontSizeOpts = {\n  relativeSize?: number\n  font?: FontTokens\n}\n\nexport const getFontSize = (\n  inSize: SizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): number => {\n  const res = getFontSizeVariable(inSize, opts)\n  if (isVariable(res)) {\n    return +res.val\n  }\n  return res ? +res : 16\n}\n\nexport const getFontSizeVariable = (\n  inSize: SizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n) => {\n  const token = getFontSizeToken(inSize, opts)\n  if (!token) {\n    return inSize\n  }\n  const tokens = getTokens()\n  return tokens.font[opts?.font || '$body'].size[token]\n}\n\nexport const getFontSizeToken = (\n  inSize: SizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): SizeTokens | null => {\n  if (typeof inSize === 'number') {\n    return null\n  }\n  const size = inSize || '$4'\n  const relativeSize = opts?.relativeSize || 0\n  if (relativeSize === 0) {\n    return size\n  }\n  const tokens = getTokens()\n  const fontSize = tokens.font[opts?.font || '$body'].size\n  const sizeTokens = Object.keys(fontSize)\n  const tokenIndex = Math.min(\n    Math.max(0, sizeTokens.indexOf(size) + relativeSize),\n    sizeTokens.length - 1\n  )\n  return (sizeTokens[tokenIndex] ?? size) as SizeTokens\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8D;AAOvD,MAAM,cAAc,wBACzB,QACA,SACW;AACX,QAAM,MAAM,oBAAoB,QAAQ,IAAI;AAC5C,MAAI,4BAAW,GAAG,GAAG;AACnB,WAAO,CAAC,IAAI;AAAA,EACd;AACA,SAAO,MAAM,CAAC,MAAM;AACtB,GAT2B;AAWpB,MAAM,sBAAsB,wBACjC,QACA,SACG;AACH,QAAM,QAAQ,iBAAiB,QAAQ,IAAI;AAC3C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,SAAS,2BAAU;AACzB,SAAO,OAAO,KAAK,8BAAM,SAAQ,SAAS,KAAK;AACjD,GAVmC;AAY5B,MAAM,mBAAmB,wBAC9B,QACA,SACsB;AACtB,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AACA,QAAM,OAAO,UAAU;AACvB,QAAM,eAAe,8BAAM,iBAAgB;AAC3C,MAAI,iBAAiB,GAAG;AACtB,WAAO;AAAA,EACT;AACA,QAAM,SAAS,2BAAU;AACzB,QAAM,WAAW,OAAO,KAAK,8BAAM,SAAQ,SAAS;AACpD,QAAM,aAAa,OAAO,KAAK,QAAQ;AACvC,QAAM,aAAa,KAAK,IACtB,KAAK,IAAI,GAAG,WAAW,QAAQ,IAAI,IAAI,YAAY,GACnD,WAAW,SAAS,CACtB;AACA,SAAQ,WAAW,eAAe;AACpC,GApBgC;",
+  "sourcesContent": ["import { FontSizeTokens, FontTokens, getConfig, getTokens, isVariable } from '@tamagui/core'\n\ntype GetFontSizeOpts = {\n  relativeSize?: number\n  font?: FontTokens\n}\n\nexport const getFontSize = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): number => {\n  const res = getFontSizeVariable(inSize, opts)\n  if (isVariable(res)) {\n    return +res.val\n  }\n  return res ? +res : 16\n}\n\nexport const getFontSizeVariable = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n) => {\n  const token = getFontSizeToken(inSize, opts)\n  if (!token) {\n    return inSize\n  }\n  const conf = getConfig()\n  return conf.fontsParsed[opts?.font || '$body'].size[token]\n}\n\nexport const getFontSizeToken = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): FontSizeTokens | null => {\n  if (typeof inSize === 'number') {\n    return null\n  }\n  const size = inSize || '$4'\n  const relativeSize = opts?.relativeSize || 0\n  if (relativeSize === 0) {\n    return size\n  }\n  const conf = getConfig()\n  const fontSize = conf.fontsParsed[opts?.font || '$body'].size\n  const sizeTokens = Object.keys(fontSize)\n  const tokenIndex = Math.min(\n    Math.max(0, sizeTokens.indexOf(size) + relativeSize),\n    sizeTokens.length - 1\n  )\n  return (sizeTokens[tokenIndex] ?? size) as FontSizeTokens\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6E;AAOtE,MAAM,cAAc,wBACzB,QACA,SACW;AACX,QAAM,MAAM,oBAAoB,QAAQ,IAAI;AAC5C,MAAI,4BAAW,GAAG,GAAG;AACnB,WAAO,CAAC,IAAI;AAAA,EACd;AACA,SAAO,MAAM,CAAC,MAAM;AACtB,GAT2B;AAWpB,MAAM,sBAAsB,wBACjC,QACA,SACG;AACH,QAAM,QAAQ,iBAAiB,QAAQ,IAAI;AAC3C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,OAAO,2BAAU;AACvB,SAAO,KAAK,YAAY,8BAAM,SAAQ,SAAS,KAAK;AACtD,GAVmC;AAY5B,MAAM,mBAAmB,wBAC9B,QACA,SAC0B;AAC1B,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AACA,QAAM,OAAO,UAAU;AACvB,QAAM,eAAe,8BAAM,iBAAgB;AAC3C,MAAI,iBAAiB,GAAG;AACtB,WAAO;AAAA,EACT;AACA,QAAM,OAAO,2BAAU;AACvB,QAAM,WAAW,KAAK,YAAY,8BAAM,SAAQ,SAAS;AACzD,QAAM,aAAa,OAAO,KAAK,QAAQ;AACvC,QAAM,aAAa,KAAK,IACtB,KAAK,IAAI,GAAG,WAAW,QAAQ,IAAI,IAAI,YAAY,GACnD,WAAW,SAAS,CACtB;AACA,SAAQ,WAAW,eAAe;AACpC,GApBgC;",
   "names": []
 }

package/dist/cjs/helpers/getSpace.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }), mod);
+var getSpace_exports = {};
+__export(getSpace_exports, {
+  getSpace: () => getSpace
+});
+module.exports = __toCommonJS(getSpace_exports);
+var import_core = require("@tamagui/core");
+const getSpace = /* @__PURE__ */ __name((size, sizeUpOrDownBy = 0) => {
+  const spaces = (0, import_core.getTokens)().size;
+  const spaceNames = Object.keys(spaces);
+  const key = spaceNames[Math.max(0, spaceNames.indexOf(String(size || "$4")) + sizeUpOrDownBy)];
+  return spaces[key] || spaces["$4"];
+}, "getSpace");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSpace
+});
+//# sourceMappingURL=getSpace.js.map

package/dist/cjs/helpers/getSpace.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getSpace.tsx"],
+  "sourcesContent": ["import { SpaceTokens, getTokens } from '@tamagui/core'\n\nexport const getSpace = (size?: SpaceTokens | undefined, sizeUpOrDownBy = 0) => {\n  const spaces = getTokens().size as any as SpaceTokens\n  const spaceNames = Object.keys(spaces)\n  const key = spaceNames[Math.max(0, spaceNames.indexOf(String(size || '$4')) + sizeUpOrDownBy)]\n  return (spaces[key] || spaces['$4']) as SpaceTokens\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuC;AAEhC,MAAM,WAAW,wBAAC,MAAgC,iBAAiB,MAAM;AAC9E,QAAM,SAAS,2BAAU,EAAE;AAC3B,QAAM,aAAa,OAAO,KAAK,MAAM;AACrC,QAAM,MAAM,WAAW,KAAK,IAAI,GAAG,WAAW,QAAQ,OAAO,QAAQ,IAAI,CAAC,IAAI,cAAc;AAC5F,SAAQ,OAAO,QAAQ,OAAO;AAChC,GALwB;",
+  "names": []
+}

package/dist/cjs/helpers/inputHelpers.js

@@ -1,5 +1,7 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -16,6 +18,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -35,12 +38,18 @@ __export(inputHelpers_exports, {
   inputSizeVariant: () => inputSizeVariant
 });
 module.exports = __toCommonJS(inputHelpers_exports);
-var import_getSize = require("./getSize");
+var import_getButtonSize = require("./getButtonSize");
 var import_sizableTextSizeVariant = require("./sizableTextSizeVariant");
-const inputSizeFrame = (0, import_getSize.getSize)(0.75, 0.75);
+const inputSizeFrame = (0, import_getButtonSize.getButtonSize)(0.75, 0.75);
 const inputSizeVariant = /* @__PURE__ */ __name((val = "$4", props) => {
   const frame = inputSizeFrame(val, props);
   const font = (0, import_sizableTextSizeVariant.sizableTextSizeVariant)(val, props);
-  return __spreadValues(__spreadValues({}, frame), font);
+  return __spreadProps(__spreadValues(__spreadValues({}, frame), font), {
+    minHeight: "auto"
+  });
 }, "inputSizeVariant");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  inputSizeVariant
+});
 //# sourceMappingURL=inputHelpers.js.map

package/dist/cjs/helpers/inputHelpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/inputHelpers.tsx"],
-  "sourcesContent": ["import { SizeVariantSpreadFunction, TextProps } from '@tamagui/core'\n\nimport { getSize } from './getSize'\nimport { sizableTextSizeVariant } from './sizableTextSizeVariant'\n\nconst inputSizeFrame = getSize(0.75, 0.75)\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<TextProps> = (val = '$4', props) => {\n  const frame = inputSizeFrame(val, props)\n  const font = sizableTextSizeVariant(val, props)\n  return {\n    ...frame,\n    ...font,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAAwB;AACxB,oCAAuC;AAEvC,MAAM,iBAAiB,4BAAQ,MAAM,IAAI;AAElC,MAAM,mBAAyD,wBAAC,MAAM,MAAM,UAAU;AAC3F,QAAM,QAAQ,eAAe,KAAK,KAAK;AACvC,QAAM,OAAO,0DAAuB,KAAK,KAAK;AAC9C,SAAO,kCACF,QACA;AAEP,GAPsE;",
+  "sourcesContent": ["import { SizeVariantSpreadFunction, TextProps } from '@tamagui/core'\n\nimport { getButtonSize } from './getButtonSize'\nimport { sizableTextSizeVariant } from './sizableTextSizeVariant'\n\nconst inputSizeFrame = getButtonSize(0.75, 0.75)\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', props) => {\n  const frame = inputSizeFrame(val, props)\n  const font = sizableTextSizeVariant(val, props)\n  return {\n    ...frame,\n    ...font,\n    minHeight: 'auto',\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA8B;AAC9B,oCAAuC;AAEvC,MAAM,iBAAiB,wCAAc,MAAM,IAAI;AAExC,MAAM,mBAAmD,wBAAC,MAAM,MAAM,UAAU;AACrF,QAAM,QAAQ,eAAe,KAAK,KAAK;AACvC,QAAM,OAAO,0DAAuB,KAAK,KAAK;AAC9C,SAAO,gDACF,QACA,OAFE;AAAA,IAGL,WAAW;AAAA,EACb;AACF,GARgE;",
   "names": []
 }

package/dist/cjs/helpers/prevent.js

@@ -22,4 +22,8 @@ __export(prevent_exports, {
 });
 module.exports = __toCommonJS(prevent_exports);
 const prevent = /* @__PURE__ */ __name((e) => [e.preventDefault(), e.stopPropagation()], "prevent");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  prevent
+});
 //# sourceMappingURL=prevent.js.map

package/dist/cjs/helpers/sizableTextSizeVariant.js

@@ -22,19 +22,26 @@ __export(sizableTextSizeVariant_exports, {
 });
 module.exports = __toCommonJS(sizableTextSizeVariant_exports);
 var import_core = require("@tamagui/core");
-const sizableTextSizeVariant = /* @__PURE__ */ __name((val = "$4", { tokens, props }) => {
-  const family = typeof props.fontFamily === "string" ? props.fontFamily : (0, import_core.isVariable)(props.fontFamily) ? props.fontFamily.val : props.fontFamily || "$body";
-  const font = tokens.font[family] ?? tokens.font["$body"];
+const sizableTextSizeVariant = /* @__PURE__ */ __name((val = "$4", { fonts, theme, props }) => {
+  var _a, _b, _c;
+  const family = (0, import_core.getVariableValue)(props.fontFamily) || "$body";
+  const font = fonts[family] || fonts["$body"];
   if (!font) {
-    console.warn("\u26A0\uFE0F no font found", { family, fontTokens: Object.keys(tokens.font), val });
-    return {};
+    console.warn("\u26A0\uFE0F no font found", { family, fontTokens: Object.keys(fonts), val });
+    return;
   }
   const fontFamily = font.family;
   const fontSize = props.fontSize || font.size[val];
   const lineHeight = props.lineHeight || font.lineHeight[val];
   const fontWeight = props.fontWeight || font.weight[val];
   const letterSpacing = props.letterSpacing || font.letterSpacing[val];
+  const fontStyle = props.fontStyle || ((_a = font.style) == null ? void 0 : _a[val]);
+  const textTransform = props.textTransform || ((_b = font.transform) == null ? void 0 : _b[val]);
+  const color = props.color || ((_c = font.color) == null ? void 0 : _c[val]) || theme.color;
   return {
+    color,
+    fontStyle,
+    textTransform,
     fontFamily,
     fontWeight,
     letterSpacing,
@@ -42,4 +49,8 @@ const sizableTextSizeVariant = /* @__PURE__ */ __name((val = "$4", { tokens, pro
     lineHeight
   };
 }, "sizableTextSizeVariant");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sizableTextSizeVariant
+});
 //# sourceMappingURL=sizableTextSizeVariant.js.map

package/dist/cjs/helpers/sizableTextSizeVariant.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/sizableTextSizeVariant.tsx"],
-  "sourcesContent": ["import {\n  FontSizeTokens,\n  SizeTokens,\n  TextProps,\n  VariantSpreadFunction,\n  isVariable,\n} from '@tamagui/core'\n\nexport const sizableTextSizeVariant: VariantSpreadFunction<\n  TextProps,\n  SizeTokens | FontSizeTokens\n> = (val = '$4', { tokens, props }) => {\n  const family = (\n    typeof props.fontFamily === 'string'\n      ? props.fontFamily\n      : isVariable(props.fontFamily)\n      ? props.fontFamily.val\n      : props.fontFamily || '$body'\n  ) as any\n  const font = tokens.font[family] ?? tokens.font['$body']\n  if (!font) {\n    console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(tokens.font), val })\n    return {}\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  return {\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n    // TODO fix this should be able to return token typs\n  } as any\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO;AAEA,MAAM,yBAGT,wBAAC,MAAM,MAAM,EAAE,QAAQ,YAAY;AACrC,QAAM,SACJ,OAAO,MAAM,eAAe,WACxB,MAAM,aACN,4BAAW,MAAM,UAAU,IAC3B,MAAM,WAAW,MACjB,MAAM,cAAc;AAE1B,QAAM,OAAO,OAAO,KAAK,WAAW,OAAO,KAAK;AAChD,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,OAAO,IAAI,GAAG,IAAI,CAAC;AACtF,WAAO,CAAC;AAAA,EACV;AACA,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAEF;AACF,GA1BI;",
+  "sourcesContent": ["import { FontSizeTokens, TextProps, VariantSpreadFunction, getVariableValue } from '@tamagui/core'\n\nexport const sizableTextSizeVariant: VariantSpreadFunction<TextProps, FontSizeTokens> = (\n  val = '$4',\n  { fonts, theme, props }\n) => {\n  const family = getVariableValue(props.fontFamily) || '$body'\n  const font = fonts[family] || fonts['$body']\n  if (!font) {\n    console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(fonts), val })\n    return\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  const fontStyle = props.fontStyle || font.style?.[val]\n  const textTransform = props.textTransform || font.transform?.[val]\n  const color = props.color || font.color?.[val] || theme.color\n  return {\n    color,\n    fontStyle,\n    textTransform,\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n  } as any\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmF;AAE5E,MAAM,yBAA2E,wBACtF,MAAM,MACN,EAAE,OAAO,OAAO,YACb;AALL;AAME,QAAM,SAAS,kCAAiB,MAAM,UAAU,KAAK;AACrD,QAAM,OAAO,MAAM,WAAW,MAAM;AACpC,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC;AAChF;AAAA,EACF;AACA,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,QAAM,YAAY,MAAM,aAAa,YAAK,UAAL,mBAAa;AAClD,QAAM,gBAAgB,MAAM,iBAAiB,YAAK,cAAL,mBAAiB;AAC9D,QAAM,QAAQ,MAAM,SAAS,YAAK,UAAL,mBAAa,SAAQ,MAAM;AACxD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF,GA5BwF;",
   "names": []
 }

package/dist/cjs/hooks/useKeyboardDismissable.js

@@ -87,4 +87,10 @@ function useBackHandler({ enabled, callback }) {
   }, [enabled, callback]);
 }
 __name(useBackHandler, "useBackHandler");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  keyboardDismissHandlerManager,
+  useBackHandler,
+  useKeyboardDismissable
+});
 //# sourceMappingURL=useKeyboardDismissable.js.map

package/dist/cjs/hooks/useLayout.js

@@ -72,4 +72,8 @@ const useLayout = /* @__PURE__ */ __name((props = {}) => {
     ref
   };
 }, "useLayout");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLayout
+});
 //# sourceMappingURL=useLayout.js.map

package/dist/cjs/hooks/usePrevious.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePrevious_exports = {};
+__export(usePrevious_exports, {
+  usePrevious: () => usePrevious
+});
+module.exports = __toCommonJS(usePrevious_exports);
+var React = __toESM(require("react"));
+function usePrevious(value) {
+  const ref = React.useRef({ value, previous: value });
+  return React.useMemo(() => {
+    if (ref.current.value !== value) {
+      ref.current.previous = ref.current.value;
+      ref.current.value = value;
+    }
+    return ref.current.previous;
+  }, [value]);
+}
+__name(usePrevious, "usePrevious");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePrevious
+});
+//# sourceMappingURL=usePrevious.js.map

package/dist/cjs/hooks/usePrevious.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/usePrevious.tsx"],
+  "sourcesContent": ["// via radix\n// https://github.com/radix-ui/primitives/blob/main/packages/react/use-previous/src/usePrevious.tsx\n\nimport * as React from 'react'\n\nfunction usePrevious<T>(value: T) {\n  const ref = React.useRef({ value, previous: value })\n\n  // We compare values before making an update to ensure that\n  // a change has been made. This ensures the previous value is\n  // persisted correctly between renders.\n  return React.useMemo(() => {\n    if (ref.current.value !== value) {\n      ref.current.previous = ref.current.value\n      ref.current.value = value\n    }\n    return ref.current.previous\n  }, [value])\n}\n\nexport { usePrevious }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,YAAuB;AAEvB,qBAAwB,OAAU;AAChC,QAAM,MAAM,MAAM,OAAO,EAAE,OAAO,UAAU,MAAM,CAAC;AAKnD,SAAO,MAAM,QAAQ,MAAM;AACzB,QAAI,IAAI,QAAQ,UAAU,OAAO;AAC/B,UAAI,QAAQ,WAAW,IAAI,QAAQ;AACnC,UAAI,QAAQ,QAAQ;AAAA,IACtB;AACA,WAAO,IAAI,QAAQ;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AACZ;AAbS;",
+  "names": []
+}