tamagui 1.0.0-alpha.7 → 1.0.0-beta.147

package/dist/cjs/helpers/getFontSize.js

@@ -0,0 +1,57 @@
+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 getFontSize_exports = {};
+__export(getFontSize_exports, {
+  getFontSize: () => getFontSize,
+  getFontSizeToken: () => getFontSizeToken,
+  getFontSizeVariable: () => getFontSizeVariable
+});
+module.exports = __toCommonJS(getFontSize_exports);
+var import_core = require("@tamagui/core");
+const getFontSize = /* @__PURE__ */ __name((inSize, opts) => {
+  const res = getFontSizeVariable(inSize, opts);
+  if ((0, import_core.isVariable)(res)) {
+    return +res.val;
+  }
+  return res ? +res : 16;
+}, "getFontSize");
+const getFontSizeVariable = /* @__PURE__ */ __name((inSize, opts) => {
+  const token = getFontSizeToken(inSize, opts);
+  if (!token) {
+    return inSize;
+  }
+  const tokens = (0, import_core.getTokens)();
+  return tokens.font[(opts == null ? void 0 : opts.font) || "$body"].size[token];
+}, "getFontSizeVariable");
+const getFontSizeToken = /* @__PURE__ */ __name((inSize, opts) => {
+  if (typeof inSize === "number") {
+    return null;
+  }
+  const size = inSize || "$4";
+  const relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0;
+  if (relativeSize === 0) {
+    return size;
+  }
+  const tokens = (0, import_core.getTokens)();
+  const fontSize = tokens.font[(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");
+//# sourceMappingURL=getFontSize.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getFontSize.tsx"],
+  "sourcesContent": ["import { FontSizeTokens, FontTokens, 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 tokens = getTokens()\n  return tokens.font[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 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 FontSizeTokens\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkE;AAO3D,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,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,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;",
+  "names": []
+}

package/dist/cjs/helpers/getSize.js

@@ -0,0 +1,41 @@
+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 getSize_exports = {};
+__export(getSize_exports, {
+  getSize: () => getSize
+});
+module.exports = __toCommonJS(getSize_exports);
+var import_core = require("@tamagui/core");
+const getSize = /* @__PURE__ */ __name((sizeX = 0.8, sizeY = 0.333) => (val, { tokens, props }) => {
+  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 lineHeights = font.lineHeight;
+  const lineHeight = lineHeights[val] ?? lineHeights["$4"];
+  const minHeight = (0, import_core.getVariableValue)(lineHeight) + py * 2;
+  return {
+    minHeight,
+    paddingHorizontal: props.circular ? 0 : px,
+    paddingVertical: props.circular ? 0 : py,
+    borderRadius: props.circular ? 1e5 : props.borderRadius ?? radius
+  };
+}, "getSize");
+//# sourceMappingURL=getSize.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getSize.tsx"],
+  "sourcesContent": ["import { VariantSpreadExtras, getVariableValue, isVariable } from '@tamagui/core'\n\n// for use in button-like things\n\nexport const getSize =\n  (sizeX = 0.8, sizeY = 0.333) =>\n  (val: any, { tokens, props }: 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 = tokens.font[props.fontFamily] || tokens.font['$body']\n    const lineHeights = font.lineHeight\n    const lineHeight = lineHeights[val] ?? lineHeights['$4']\n    const minHeight = getVariableValue(lineHeight) + py * 2\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,UACX,wBAAC,QAAQ,KAAK,QAAQ,UACtB,CAAC,KAAU,EAAE,QAAQ,YAAsC;AACzD,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,OAAO,KAAK,MAAM,eAAe,OAAO,KAAK;AAC1D,QAAM,cAAc,KAAK;AACzB,QAAM,aAAa,YAAY,QAAQ,YAAY;AACnD,QAAM,YAAY,kCAAiB,UAAU,IAAI,KAAK;AACtD,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,GAjBA;",
+  "names": []
+}

package/dist/cjs/helpers/inputHelpers.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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 inputHelpers_exports = {};
+__export(inputHelpers_exports, {
+  inputSizeVariant: () => inputSizeVariant
+});
+module.exports = __toCommonJS(inputHelpers_exports);
+var import_getSize = require("./getSize");
+var import_sizableTextSizeVariant = require("./sizableTextSizeVariant");
+const inputSizeFrame = (0, import_getSize.getSize)(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);
+}, "inputSizeVariant");
+//# sourceMappingURL=inputHelpers.js.map

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

@@ -0,0 +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<any> = (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,mBAAmD,wBAAC,MAAM,MAAM,UAAU;AACrF,QAAM,QAAQ,eAAe,KAAK,KAAK;AACvC,QAAM,OAAO,0DAAuB,KAAK,KAAK;AAC9C,SAAO,kCACF,QACA;AAEP,GAPgE;",
+  "names": []
+}

package/dist/cjs/helpers/prevent.js

@@ -0,0 +1,25 @@
+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 prevent_exports = {};
+__export(prevent_exports, {
+  prevent: () => prevent
+});
+module.exports = __toCommonJS(prevent_exports);
+const prevent = /* @__PURE__ */ __name((e) => [e.preventDefault(), e.stopPropagation()], "prevent");
+//# sourceMappingURL=prevent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/prevent.tsx"],
+  "sourcesContent": ["export const prevent = (e) => [e.preventDefault(), e.stopPropagation()]\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,UAAU,wBAAC,MAAM,CAAC,EAAE,eAAe,GAAG,EAAE,gBAAgB,CAAC,GAA/C;",
+  "names": []
+}

package/dist/cjs/helpers/sizableTextSizeVariant.js

@@ -0,0 +1,45 @@
+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 sizableTextSizeVariant_exports = {};
+__export(sizableTextSizeVariant_exports, {
+  sizableTextSizeVariant: () => sizableTextSizeVariant
+});
+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"];
+  if (!font) {
+    console.warn("\u26A0\uFE0F no font found", { family, fontTokens: Object.keys(tokens.font), 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];
+  return {
+    fontFamily,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    lineHeight
+  };
+}, "sizableTextSizeVariant");
+//# sourceMappingURL=sizableTextSizeVariant.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/sizableTextSizeVariant.tsx"],
+  "sourcesContent": ["import { FontSizeTokens, TextProps, VariantSpreadFunction, isVariable } from '@tamagui/core'\n\nexport const sizableTextSizeVariant: VariantSpreadFunction<TextProps, FontSizeTokens> = (\n  val = '$4',\n  { tokens, props }\n) => {\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  } as any\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6E;AAEtE,MAAM,yBAA2E,wBACtF,MAAM,MACN,EAAE,QAAQ,YACP;AACH,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,EACF;AACF,GA5BwF;",
+  "names": []
+}

package/dist/cjs/hooks/useControllableState.js

@@ -0,0 +1,58 @@
+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 useControllableState_exports = {};
+__export(useControllableState_exports, {
+  useControllableState: () => useControllableState
+});
+module.exports = __toCommonJS(useControllableState_exports);
+var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
+var import_react = require("react");
+function useControllableState({
+  prop,
+  defaultProp,
+  onChange,
+  strategy
+}) {
+  const handleChange = (0, import_react_use_callback_ref.useCallbackRef)(onChange);
+  const [val, setVal] = (0, import_react.useState)(prop ?? defaultProp);
+  const propWins = strategy === "prop-wins";
+  (0, import_react.useEffect)(() => {
+    setVal((prev) => getNextStateWithCallback(prev, prop, handleChange));
+  }, [prop]);
+  return [
+    val,
+    (0, import_react.useCallback)((next) => {
+      if (propWins && prop !== void 0) {
+        return;
+      }
+      setVal((prev) => {
+        return getNextStateWithCallback(prev, typeof next === "function" ? next(prev) : next, handleChange);
+      });
+    }, [setVal, propWins])
+  ];
+}
+__name(useControllableState, "useControllableState");
+const getNextStateWithCallback = /* @__PURE__ */ __name((prev, next, handleChange) => {
+  if (prev === next || next === void 0) {
+    return prev;
+  }
+  handleChange(next);
+  return next;
+}, "getNextStateWithCallback");
+//# sourceMappingURL=useControllableState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useControllableState.ts"],
+  "sourcesContent": ["import { useCallbackRef } from '@radix-ui/react-use-callback-ref'\nimport { useCallback, useEffect, useState } from 'react'\n\n// can configure to allow most-recent-wins or prop-wins\n// defaults to most-recent-wins\n\nexport function useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange,\n  strategy,\n}: {\n  prop?: T | undefined\n  defaultProp: T\n  onChange?: (next: T) => void\n  strategy?: 'prop-wins' | 'most-recent-wins'\n}): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const handleChange = useCallbackRef(onChange)\n  const [val, setVal] = useState(prop ?? defaultProp)\n  const propWins = strategy === 'prop-wins'\n\n  useEffect(() => {\n    setVal((prev) => getNextStateWithCallback(prev, prop, handleChange))\n  }, [prop])\n\n  return [\n    val,\n    useCallback(\n      (next: any) => {\n        if (propWins && prop !== undefined) {\n          return\n        }\n        setVal((prev) => {\n          return getNextStateWithCallback(\n            prev,\n            typeof next === 'function' ? next(prev) : next,\n            handleChange\n          )\n        })\n      },\n      [setVal, propWins]\n    ) as any,\n  ]\n}\n\nconst getNextStateWithCallback = (prev: any, next: any, handleChange: any) => {\n  if (prev === next || next === undefined) {\n    return prev\n  }\n  handleChange(next)\n  return next\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAA+B;AAC/B,mBAAiD;AAK1C,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAM+C;AAC/C,QAAM,eAAe,kDAAe,QAAQ;AAC5C,QAAM,CAAC,KAAK,UAAU,2BAAS,QAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAE9B,8BAAU,MAAM;AACd,WAAO,CAAC,SAAS,yBAAyB,MAAM,MAAM,YAAY,CAAC;AAAA,EACrE,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACL;AAAA,IACA,8BACE,CAAC,SAAc;AACb,UAAI,YAAY,SAAS,QAAW;AAClC;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,YACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,QAAQ,QAAQ,CACnB;AAAA,EACF;AACF;AArCgB;AAuChB,MAAM,2BAA2B,wBAAC,MAAW,MAAW,iBAAsB;AAC5E,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,eAAa,IAAI;AACjB,SAAO;AACT,GANiC;",
+  "names": []
+}

package/dist/cjs/hooks/useKeyboardDismissable.js

@@ -0,0 +1,90 @@
+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 useKeyboardDismissable_exports = {};
+__export(useKeyboardDismissable_exports, {
+  keyboardDismissHandlerManager: () => keyboardDismissHandlerManager,
+  useBackHandler: () => useBackHandler,
+  useKeyboardDismissable: () => useKeyboardDismissable
+});
+module.exports = __toCommonJS(useKeyboardDismissable_exports);
+var import_core = require("@tamagui/core");
+var import_react = require("react");
+var import_react_native = require("react-native");
+let keyboardDismissHandlers = [];
+const keyboardDismissHandlerManager = {
+  push: (handler) => {
+    keyboardDismissHandlers.push(handler);
+    return () => {
+      keyboardDismissHandlers = keyboardDismissHandlers.filter((h) => h !== handler);
+    };
+  },
+  length: () => keyboardDismissHandlers.length,
+  pop: () => {
+    return keyboardDismissHandlers.pop();
+  }
+};
+const useKeyboardDismissable = /* @__PURE__ */ __name(({ enabled, callback }) => {
+  (0, import_react.useEffect)(() => {
+    let cleanupFn = /* @__PURE__ */ __name(() => {
+    }, "cleanupFn");
+    if (enabled) {
+      cleanupFn = keyboardDismissHandlerManager.push(callback);
+    } else {
+      cleanupFn();
+    }
+    return () => {
+      cleanupFn();
+    };
+  }, [enabled, callback]);
+  useBackHandler({ enabled, callback });
+}, "useKeyboardDismissable");
+const callbackOnEscape = /* @__PURE__ */ __name((callback) => (e) => {
+  if (e.key === "Escape") {
+    if (!(document.activeElement instanceof HTMLInputElement) && !(document.activeElement instanceof HTMLTextAreaElement)) {
+      e.preventDefault();
+      e.stopPropagation();
+      callback();
+    }
+  }
+}, "callbackOnEscape");
+function useBackHandler({ enabled, callback }) {
+  (0, import_react.useEffect)(() => {
+    let backHandler = /* @__PURE__ */ __name(() => {
+      callback();
+      return true;
+    }, "backHandler");
+    const keyHandler = callbackOnEscape(callback);
+    if (enabled) {
+      import_react_native.BackHandler.addEventListener("hardwareBackPress", backHandler);
+      if (import_core.isWeb) {
+        window.addEventListener("keydown", keyHandler);
+      }
+    } else {
+      import_react_native.BackHandler.removeEventListener("hardwareBackPress", backHandler);
+    }
+    return () => {
+      import_react_native.BackHandler.removeEventListener("hardwareBackPress", backHandler);
+      if (import_core.isWeb) {
+        window.removeEventListener("keydown", keyHandler);
+      }
+    };
+  }, [enabled, callback]);
+}
+__name(useBackHandler, "useBackHandler");
+//# sourceMappingURL=useKeyboardDismissable.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useKeyboardDismissable.tsx"],
+  "sourcesContent": ["// forked from NativeBase\n// The MIT License (MIT)\n\n// Copyright (c) 2021 GeekyAnts India Pvt Ltd\n\n// Permission is hereby granted, free of charge, to any person obtaining a copy of\n// this software and associated documentation files (the \"Software\"), to deal in\n// the Software without restriction, including without limitation the rights to\n// use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\n// the Software, and to permit persons to whom the Software is furnished to do so,\n// subject to the following conditions:\n\n// The above copyright notice and this permission notice shall be included in all\n// copies or substantial portions of the Software.\n\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\n// FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\n// COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\n// IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\n// CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nimport { isWeb } from '@tamagui/core'\nimport { useEffect } from 'react'\nimport { BackHandler } from 'react-native'\n\ntype IParams = {\n  enabled?: boolean\n  callback: () => any\n}\n\nlet keyboardDismissHandlers: Array<() => any> = []\nexport const keyboardDismissHandlerManager = {\n  push: (handler: () => any) => {\n    keyboardDismissHandlers.push(handler)\n    return () => {\n      keyboardDismissHandlers = keyboardDismissHandlers.filter((h) => h !== handler)\n    }\n  },\n  length: () => keyboardDismissHandlers.length,\n  pop: () => {\n    return keyboardDismissHandlers.pop()\n  },\n}\n\nexport const useKeyboardDismissable = ({ enabled, callback }: IParams) => {\n  useEffect(() => {\n    let cleanupFn = () => {}\n    if (enabled) {\n      cleanupFn = keyboardDismissHandlerManager.push(callback)\n    } else {\n      cleanupFn()\n    }\n    return () => {\n      cleanupFn()\n    }\n  }, [enabled, callback])\n\n  useBackHandler({ enabled, callback })\n}\n\nconst callbackOnEscape = (callback) => (e) => {\n  if (e.key === 'Escape') {\n    if (\n      !(document.activeElement instanceof HTMLInputElement) &&\n      !(document.activeElement instanceof HTMLTextAreaElement)\n    ) {\n      e.preventDefault()\n      e.stopPropagation()\n      callback()\n    }\n  }\n}\n\nexport function useBackHandler({ enabled, callback }: IParams) {\n  useEffect(() => {\n    let backHandler = () => {\n      callback()\n      return true\n    }\n    const keyHandler = callbackOnEscape(callback)\n    if (enabled) {\n      BackHandler.addEventListener('hardwareBackPress', backHandler)\n      if (isWeb) {\n        window.addEventListener('keydown', keyHandler)\n      }\n    } else {\n      BackHandler.removeEventListener('hardwareBackPress', backHandler)\n    }\n    return () => {\n      BackHandler.removeEventListener('hardwareBackPress', backHandler)\n      if (isWeb) {\n        window.removeEventListener('keydown', keyHandler)\n      }\n    }\n  }, [enabled, callback])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,kBAAsB;AACtB,mBAA0B;AAC1B,0BAA4B;AAO5B,IAAI,0BAA4C,CAAC;AAC1C,MAAM,gCAAgC;AAAA,EAC3C,MAAM,CAAC,YAAuB;AAC5B,4BAAwB,KAAK,OAAO;AACpC,WAAO,MAAM;AACX,gCAA0B,wBAAwB,OAAO,CAAC,MAAM,MAAM,OAAO;AAAA,IAC/E;AAAA,EACF;AAAA,EACA,QAAQ,MAAM,wBAAwB;AAAA,EACtC,KAAK,MAAM;AACT,WAAO,wBAAwB,IAAI;AAAA,EACrC;AACF;AAEO,MAAM,yBAAyB,wBAAC,EAAE,SAAS,eAAwB;AACxE,8BAAU,MAAM;AACd,QAAI,YAAY,6BAAM;AAAA,IAAC,GAAP;AAChB,QAAI,SAAS;AACX,kBAAY,8BAA8B,KAAK,QAAQ;AAAA,IACzD,OAAO;AACL,gBAAU;AAAA,IACZ;AACA,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,SAAS,QAAQ,CAAC;AAEtB,iBAAe,EAAE,SAAS,SAAS,CAAC;AACtC,GAdsC;AAgBtC,MAAM,mBAAmB,wBAAC,aAAa,CAAC,MAAM;AAC5C,MAAI,EAAE,QAAQ,UAAU;AACtB,QACE,CAAE,UAAS,yBAAyB,qBACpC,CAAE,UAAS,yBAAyB,sBACpC;AACA,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,eAAS;AAAA,IACX;AAAA,EACF;AACF,GAXyB;AAalB,wBAAwB,EAAE,SAAS,YAAqB;AAC7D,8BAAU,MAAM;AACd,QAAI,cAAc,6BAAM;AACtB,eAAS;AACT,aAAO;AAAA,IACT,GAHkB;AAIlB,UAAM,aAAa,iBAAiB,QAAQ;AAC5C,QAAI,SAAS;AACX,sCAAY,iBAAiB,qBAAqB,WAAW;AAC7D,UAAI,mBAAO;AACT,eAAO,iBAAiB,WAAW,UAAU;AAAA,MAC/C;AAAA,IACF,OAAO;AACL,sCAAY,oBAAoB,qBAAqB,WAAW;AAAA,IAClE;AACA,WAAO,MAAM;AACX,sCAAY,oBAAoB,qBAAqB,WAAW;AAChE,UAAI,mBAAO;AACT,eAAO,oBAAoB,WAAW,UAAU;AAAA,MAClD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,QAAQ,CAAC;AACxB;AAtBgB;",
+  "names": []
+}

package/dist/cjs/hooks/useLayout.js

@@ -0,0 +1,75 @@
+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 useLayout_exports = {};
+__export(useLayout_exports, {
+  useLayout: () => useLayout
+});
+module.exports = __toCommonJS(useLayout_exports);
+var import_core = require("@tamagui/core");
+var import_react = require("react");
+const useLayout = /* @__PURE__ */ __name((props = {}) => {
+  const [layout, setLayout] = (0, import_react.useState)(null);
+  if (!import_core.isWeb) {
+    return {
+      layout,
+      onLayout: props.onLayout
+    };
+  }
+  const ref = (0, import_react.useRef)(null);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    const node = ref.current;
+    if (!node)
+      return;
+    let last = null;
+    const getNextAndCallback = /* @__PURE__ */ __name((rect) => {
+      var _a;
+      let next;
+      const width = Math.max(1, Math.round(rect.width));
+      const height = Math.max(1, Math.round(rect.height));
+      if (!last || width !== last.width || height !== last.height) {
+        next = { width, height };
+      }
+      if (next) {
+        (_a = props.onLayout) == null ? void 0 : _a.call(props, { nativeEvent: { layout: next } });
+        last = next;
+        return next;
+      }
+      return last;
+    }, "getNextAndCallback");
+    const update = /* @__PURE__ */ __name((rect) => {
+      if (props.stateless) {
+        getNextAndCallback(rect);
+      } else {
+        setLayout((p) => getNextAndCallback(rect));
+      }
+    }, "update");
+    const ro = new ResizeObserver(([{ contentRect }] = []) => {
+      update(contentRect);
+    });
+    ro.observe(node);
+    return () => {
+      ro.disconnect();
+    };
+  }, [ref]);
+  return {
+    layout,
+    ref
+  };
+}, "useLayout");
+//# sourceMappingURL=useLayout.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useLayout.tsx"],
+  "sourcesContent": ["import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/core'\nimport { useRef, useState } from 'react'\nimport { LayoutChangeEvent, LayoutRectangle } from 'react-native'\n\n// TODO move to core and make it able to be run as feature (check this is same as rnw useLayout)\n\nexport const useLayout = (\n  props: { stateless?: boolean; onLayout?: (rect: LayoutChangeEvent) => void } = {}\n) => {\n  const [layout, setLayout] = useState<LayoutRectangle | null>(null)\n\n  if (!isWeb) {\n    return {\n      layout,\n      onLayout: props.onLayout,\n    }\n  }\n\n  const ref = useRef<any>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    const node = ref.current\n    if (!node) return\n    // let hasUpdatedOnce = false\n    let last: LayoutRectangle | null = null\n\n    const getNextAndCallback = (rect: LayoutRectangle) => {\n      let next\n      const width = Math.max(1, Math.round(rect.width))\n      const height = Math.max(1, Math.round(rect.height))\n      // don't set new layout state unless the layout has actually changed\n      if (!last || width !== last.width || height !== last.height) {\n        next = { width, height }\n      }\n      if (next) {\n        // @ts-expect-error\n        props.onLayout?.({ nativeEvent: { layout: next } })\n        last = next\n        return next\n      }\n      return last\n    }\n\n    const update = (rect: LayoutRectangle) => {\n      if (props.stateless) {\n        getNextAndCallback(rect)\n      } else {\n        setLayout((p) => getNextAndCallback(rect))\n      }\n    }\n\n    const ro = new ResizeObserver(([{ contentRect }] = []) => {\n      update(contentRect)\n    })\n    ro.observe(node)\n\n    return () => {\n      ro.disconnect()\n    }\n  }, [ref])\n\n  return {\n    layout,\n    ref,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiD;AACjD,mBAAiC;AAK1B,MAAM,YAAY,wBACvB,QAA+E,CAAC,MAC7E;AACH,QAAM,CAAC,QAAQ,aAAa,2BAAiC,IAAI;AAEjE,MAAI,CAAC,mBAAO;AACV,WAAO;AAAA,MACL;AAAA,MACA,UAAU,MAAM;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,MAAM,yBAAY,IAAI;AAE5B,6CAA0B,MAAM;AAC9B,UAAM,OAAO,IAAI;AACjB,QAAI,CAAC;AAAM;AAEX,QAAI,OAA+B;AAEnC,UAAM,qBAAqB,wBAAC,SAA0B;AA1B1D;AA2BM,UAAI;AACJ,YAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,KAAK,CAAC;AAChD,YAAM,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,MAAM,CAAC;AAElD,UAAI,CAAC,QAAQ,UAAU,KAAK,SAAS,WAAW,KAAK,QAAQ;AAC3D,eAAO,EAAE,OAAO,OAAO;AAAA,MACzB;AACA,UAAI,MAAM;AAER,oBAAM,aAAN,+BAAiB,EAAE,aAAa,EAAE,QAAQ,KAAK,EAAE;AACjD,eAAO;AACP,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,GAf2B;AAiB3B,UAAM,SAAS,wBAAC,SAA0B;AACxC,UAAI,MAAM,WAAW;AACnB,2BAAmB,IAAI;AAAA,MACzB,OAAO;AACL,kBAAU,CAAC,MAAM,mBAAmB,IAAI,CAAC;AAAA,MAC3C;AAAA,IACF,GANe;AAQf,UAAM,KAAK,IAAI,eAAe,CAAC,CAAC,EAAE,iBAAiB,CAAC,MAAM;AACxD,aAAO,WAAW;AAAA,IACpB,CAAC;AACD,OAAG,QAAQ,IAAI;AAEf,WAAO,MAAM;AACX,SAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF,GA3DyB;",
+  "names": []
+}