@tamagui/focusable 1.0.1-beta.106 → 1.0.1-beta.109

package/dist/cjs/focusable.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/focusable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/focusable.ts"],
   "sourcesContent": ["export type Focusable = { focus: Function; focusAndSelect?: Function }\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/focusableInputHOC.js

@@ -1,26 +1,10 @@
+"use strict";
 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -54,16 +38,17 @@ function focusableInputHOC(Component) {
         return;
       if (!input)
         return;
-      (0, import_registerFocusable.registerFocusable)(props.id, __spreadValues({
-        focus: input.focus
-      }, isInput && {
-        focusAndSelect() {
-          input.focus();
-          if (input.setSelection && typeof inputValue.current === "string") {
-            input.setSelection(0, inputValue.current.length);
+      (0, import_registerFocusable.registerFocusable)(props.id, {
+        focus: input.focus,
+        ...isInput && {
+          focusAndSelect() {
+            input.focus();
+            if (input.setSelection && typeof inputValue.current === "string") {
+              input.setSelection(0, inputValue.current.length);
+            }
           }
         }
-      }));
+      });
     }, [props.id]);
     const combinedRefs = (0, import_compose_refs.composeRefs)(ref, inputRef);
     (0, import_react2.useEffect)(() => {
@@ -73,16 +58,18 @@ function focusableInputHOC(Component) {
         (0, import_registerFocusable.unregisterFocusable)(props.id);
       };
     }, [props.id]);
-    const finalProps = isInput ? __spreadProps(__spreadValues({}, props), {
+    const finalProps = isInput ? {
+      ...props,
       onChangeText(value) {
         var _a;
         inputValue.current = value;
         (_a = props.onChangeText) == null ? void 0 : _a.call(props, value);
       }
-    }) : props;
-    return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({
-      ref: combinedRefs
-    }, finalProps));
+    } : props;
+    return /* @__PURE__ */ import_react.default.createElement(Component, {
+      ref: combinedRefs,
+      ...finalProps
+    });
   });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/focusableInputHOC.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/focusableInputHOC.tsx"],
   "sourcesContent": ["import { composeRefs } from '@tamagui/compose-refs'\nimport { isTamaguiComponent } from '@tamagui/core'\nimport React, { useRef } from 'react'\nimport { forwardRef, useCallback, useEffect } from 'react'\n\nimport { registerFocusable, unregisterFocusable } from './registerFocusable'\n\nexport function focusableInputHOC<A extends Function>(Component: A): A {\n  return forwardRef(\n    (\n      props: {\n        id?: string\n        onChangeText?: (val: string) => void\n        value?: string\n        defaultValue?: string\n      },\n      ref\n    ) => {\n      const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput\n      const inputValue = useRef(props.value || props.defaultValue || '')\n\n      const inputRef = useCallback(\n        (input) => {\n          if (!props.id) return\n          if (!input) return\n          registerFocusable(props.id, {\n            focus: input.focus,\n\n            ...(isInput && {\n              // react-native doesn't support programmatic .select()\n              focusAndSelect() {\n                input.focus()\n                if (input.setSelection && typeof inputValue.current === 'string') {\n                  input.setSelection(0, inputValue.current.length)\n                }\n              },\n            }),\n          })\n        },\n        [props.id]\n      )\n\n      const combinedRefs = composeRefs(ref, inputRef)\n\n      useEffect(() => {\n        if (!props.id) return\n        return () => {\n          unregisterFocusable(props.id!)\n        }\n      }, [props.id])\n\n      const finalProps = isInput\n        ? {\n            ...props,\n            onChangeText(value) {\n              inputValue.current = value\n              props.onChangeText?.(value)\n            },\n          }\n        : props\n\n      return <Component ref={combinedRefs} {...finalProps} />\n    }\n  ) as any\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;AAC5B,kBAAmC;AACnC,mBAA8B;AAC9B,oBAAmD;AAEnD,+BAAuD;AAEhD,2BAA+C,WAAiB;AACrE,SAAO,8BACL,CACE,OAMA,QACG;AACH,UAAM,UAAU,oCAAmB,SAAS,KAAK,UAAU,aAAa;AACxE,UAAM,aAAa,yBAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAEjE,UAAM,WAAW,+BACf,CAAC,UAAU;AACT,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,CAAC;AAAO;AACZ,sDAAkB,MAAM,IAAI;AAAA,QAC1B,OAAO,MAAM;AAAA,SAET,WAAW;AAAA,QAEb,iBAAiB;AACf,gBAAM,MAAM;AACZ,cAAI,MAAM,gBAAgB,OAAO,WAAW,YAAY,UAAU;AAChE,kBAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UACjD;AAAA,QACF;AAAA,MACF,EACD;AAAA,IACH,GACA,CAAC,MAAM,EAAE,CACX;AAEA,UAAM,eAAe,qCAAY,KAAK,QAAQ;AAE9C,iCAAU,MAAM;AACd,UAAI,CAAC,MAAM;AAAI;AACf,aAAO,MAAM;AACX,0DAAoB,MAAM,EAAG;AAAA,MAC/B;AAAA,IACF,GAAG,CAAC,MAAM,EAAE,CAAC;AAEb,UAAM,aAAa,UACf,iCACK,QADL;AAAA,MAEE,aAAa,OAAO;AAtDhC;AAuDc,mBAAW,UAAU;AACrB,oBAAM,iBAAN,+BAAqB;AAAA,MACvB;AAAA,IACF,KACA;AAEJ,WAAO,mDAAC;AAAA,MAAU,KAAK;AAAA,OAAkB,WAAY;AAAA,EACvD,CACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;AAC5B,kBAAmC;AACnC,mBAA8B;AAC9B,oBAAmD;AAEnD,+BAAuD;AAEhD,2BAA+C,WAAiB;AACrE,SAAO,8BACL,CACE,OAMA,QACG;AACH,UAAM,UAAU,oCAAmB,SAAS,KAAK,UAAU,aAAa;AACxE,UAAM,aAAa,yBAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAEjE,UAAM,WAAW,+BACf,CAAC,UAAU;AACT,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,CAAC;AAAO;AACZ,sDAAkB,MAAM,IAAI;AAAA,QAC1B,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM;AACZ,gBAAI,MAAM,gBAAgB,OAAO,WAAW,YAAY,UAAU;AAChE,oBAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,MAAM,EAAE,CACX;AAEA,UAAM,eAAe,qCAAY,KAAK,QAAQ;AAE9C,iCAAU,MAAM;AACd,UAAI,CAAC,MAAM;AAAI;AACf,aAAO,MAAM;AACX,0DAAoB,MAAM,EAAG;AAAA,MAC/B;AAAA,IACF,GAAG,CAAC,MAAM,EAAE,CAAC;AAEb,UAAM,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH,aAAa,OAAO;AAtDhC;AAuDc,mBAAW,UAAU;AACrB,oBAAM,iBAAN,+BAAqB;AAAA,MACvB;AAAA,IACF,IACA;AAEJ,WAAO,mDAAC;AAAA,MAAU,KAAK;AAAA,MAAe,GAAG;AAAA,KAAY;AAAA,EACvD,CACF;AACF;",
   "names": []
 }

package/dist/cjs/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './registerFocusable'\nexport * from './focusableInputHOC'\nexport * from './focusable'\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,gCAAd;AACA,wBAAc,gCADd;AAEA,wBAAc,wBAFd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,gCAAd;AACA,wBAAc,gCADd;AAEA,wBAAc,wBAFd;",
   "names": []
 }

package/dist/cjs/registerFocusable.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/registerFocusable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/registerFocusable.ts"],
   "sourcesContent": ["import { Focusable } from './focusable'\n\nexport const registerFocusable = (id: string, input: Focusable) => {\n  // noop focus is handed natively\n}\n\nexport const unregisterFocusable = (id: string) => {\n  // noop focus is handed natively\n}\n\nexport const focusFocusable = (id: string) => {\n  // noop focus is handed natively\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAAoB,CAAC,IAAY,UAAqB;AAEnE;AAEO,MAAM,sBAAsB,CAAC,OAAe;AAEnD;AAEO,MAAM,iBAAiB,CAAC,OAAe;AAE9C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,oBAAoB,CAAC,IAAY,UAAqB;AAEnE;AAEO,MAAM,sBAAsB,CAAC,OAAe;AAEnD;AAEO,MAAM,iBAAiB,CAAC,OAAe;AAE9C;",
   "names": []
 }

package/dist/cjs/registerFocusable.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/registerFocusable.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/registerFocusable.native.ts"],
   "sourcesContent": ["// used for focusing on native\n\nimport { Focusable } from './focusable'\n\nconst InputsMap = new Map<string, Focusable>()\n\nexport const registerFocusable = (id: string, input: Focusable) => {\n  if (process.env.NODE_ENV !== 'production') {\n    if (InputsMap.has(id)) {\n      console.warn(`Warning, duplicate ID for input: ${id}`)\n    }\n  }\n  InputsMap.set(id, input)\n  return () => {\n    InputsMap.delete(id)\n  }\n}\n\nexport const unregisterFocusable = (id: string) => {\n  InputsMap.delete(id)\n}\n\nexport const focusFocusable = (id: string, select = false) => {\n  const input = InputsMap.get(id)\n  if (!input) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn('No input found for id', id)\n    }\n    return\n  }\n  if (select || !input.focusAndSelect) {\n    input.focus()\n  } else {\n    input.focusAndSelect()\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,MAAM,YAAY,oBAAI,IAAuB;AAEtC,MAAM,oBAAoB,CAAC,IAAY,UAAqB;AACjE,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,UAAU,IAAI,EAAE,GAAG;AACrB,cAAQ,KAAK,oCAAoC,IAAI;AAAA,IACvD;AAAA,EACF;AACA,YAAU,IAAI,IAAI,KAAK;AACvB,SAAO,MAAM;AACX,cAAU,OAAO,EAAE;AAAA,EACrB;AACF;AAEO,MAAM,sBAAsB,CAAC,OAAe;AACjD,YAAU,OAAO,EAAE;AACrB;AAEO,MAAM,iBAAiB,CAAC,IAAY,SAAS,UAAU;AAC5D,QAAM,QAAQ,UAAU,IAAI,EAAE;AAC9B,MAAI,CAAC,OAAO;AACV,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,cAAQ,KAAK,yBAAyB,EAAE;AAAA,IAC1C;AACA;AAAA,EACF;AACA,MAAI,UAAU,CAAC,MAAM,gBAAgB;AACnC,UAAM,MAAM;AAAA,EACd,OAAO;AACL,UAAM,eAAe;AAAA,EACvB;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,MAAM,YAAY,oBAAI,IAAuB;AAEtC,MAAM,oBAAoB,CAAC,IAAY,UAAqB;AACjE,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,UAAU,IAAI,EAAE,GAAG;AACrB,cAAQ,KAAK,oCAAoC,IAAI;AAAA,IACvD;AAAA,EACF;AACA,YAAU,IAAI,IAAI,KAAK;AACvB,SAAO,MAAM;AACX,cAAU,OAAO,EAAE;AAAA,EACrB;AACF;AAEO,MAAM,sBAAsB,CAAC,OAAe;AACjD,YAAU,OAAO,EAAE;AACrB;AAEO,MAAM,iBAAiB,CAAC,IAAY,SAAS,UAAU;AAC5D,QAAM,QAAQ,UAAU,IAAI,EAAE;AAC9B,MAAI,CAAC,OAAO;AACV,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,cAAQ,KAAK,yBAAyB,EAAE;AAAA,IAC1C;AACA;AAAA,EACF;AACA,MAAI,UAAU,CAAC,MAAM,gBAAgB;AACnC,UAAM,MAAM;AAAA,EACd,OAAO;AACL,UAAM,eAAe;AAAA,EACvB;AACF;",
   "names": []
 }

package/dist/esm/focusableInputHOC.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { composeRefs } from "@tamagui/compose-refs";
 import { isTamaguiComponent } from "@tamagui/core";
 import React, { useRef } from "react";
@@ -31,16 +12,17 @@ function focusableInputHOC(Component) {
         return;
       if (!input)
         return;
-      registerFocusable(props.id, __spreadValues({
-        focus: input.focus
-      }, isInput && {
-        focusAndSelect() {
-          input.focus();
-          if (input.setSelection && typeof inputValue.current === "string") {
-            input.setSelection(0, inputValue.current.length);
+      registerFocusable(props.id, {
+        focus: input.focus,
+        ...isInput && {
+          focusAndSelect() {
+            input.focus();
+            if (input.setSelection && typeof inputValue.current === "string") {
+              input.setSelection(0, inputValue.current.length);
+            }
           }
         }
-      }));
+      });
     }, [props.id]);
     const combinedRefs = composeRefs(ref, inputRef);
     useEffect(() => {
@@ -50,16 +32,18 @@ function focusableInputHOC(Component) {
         unregisterFocusable(props.id);
       };
     }, [props.id]);
-    const finalProps = isInput ? __spreadProps(__spreadValues({}, props), {
+    const finalProps = isInput ? {
+      ...props,
       onChangeText(value) {
         var _a;
         inputValue.current = value;
         (_a = props.onChangeText) == null ? void 0 : _a.call(props, value);
       }
-    }) : props;
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({
-      ref: combinedRefs
-    }, finalProps));
+    } : props;
+    return /* @__PURE__ */ React.createElement(Component, {
+      ref: combinedRefs,
+      ...finalProps
+    });
   });
 }
 export {

package/dist/esm/focusableInputHOC.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/focusableInputHOC.tsx"],
   "sourcesContent": ["import { composeRefs } from '@tamagui/compose-refs'\nimport { isTamaguiComponent } from '@tamagui/core'\nimport React, { useRef } from 'react'\nimport { forwardRef, useCallback, useEffect } from 'react'\n\nimport { registerFocusable, unregisterFocusable } from './registerFocusable'\n\nexport function focusableInputHOC<A extends Function>(Component: A): A {\n  return forwardRef(\n    (\n      props: {\n        id?: string\n        onChangeText?: (val: string) => void\n        value?: string\n        defaultValue?: string\n      },\n      ref\n    ) => {\n      const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput\n      const inputValue = useRef(props.value || props.defaultValue || '')\n\n      const inputRef = useCallback(\n        (input) => {\n          if (!props.id) return\n          if (!input) return\n          registerFocusable(props.id, {\n            focus: input.focus,\n\n            ...(isInput && {\n              // react-native doesn't support programmatic .select()\n              focusAndSelect() {\n                input.focus()\n                if (input.setSelection && typeof inputValue.current === 'string') {\n                  input.setSelection(0, inputValue.current.length)\n                }\n              },\n            }),\n          })\n        },\n        [props.id]\n      )\n\n      const combinedRefs = composeRefs(ref, inputRef)\n\n      useEffect(() => {\n        if (!props.id) return\n        return () => {\n          unregisterFocusable(props.id!)\n        }\n      }, [props.id])\n\n      const finalProps = isInput\n        ? {\n            ...props,\n            onChangeText(value) {\n              inputValue.current = value\n              props.onChangeText?.(value)\n            },\n          }\n        : props\n\n      return <Component ref={combinedRefs} {...finalProps} />\n    }\n  ) as any\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAEO,2BAA+C,WAAiB;AACrE,SAAO,WACL,CACE,OAMA,QACG;AACH,UAAM,UAAU,mBAAmB,SAAS,KAAK,UAAU,aAAa;AACxE,UAAM,aAAa,OAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAEjE,UAAM,WAAW,YACf,CAAC,UAAU;AACT,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,CAAC;AAAO;AACZ,wBAAkB,MAAM,IAAI;AAAA,QAC1B,OAAO,MAAM;AAAA,SAET,WAAW;AAAA,QAEb,iBAAiB;AACf,gBAAM,MAAM;AACZ,cAAI,MAAM,gBAAgB,OAAO,WAAW,YAAY,UAAU;AAChE,kBAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UACjD;AAAA,QACF;AAAA,MACF,EACD;AAAA,IACH,GACA,CAAC,MAAM,EAAE,CACX;AAEA,UAAM,eAAe,YAAY,KAAK,QAAQ;AAE9C,cAAU,MAAM;AACd,UAAI,CAAC,MAAM;AAAI;AACf,aAAO,MAAM;AACX,4BAAoB,MAAM,EAAG;AAAA,MAC/B;AAAA,IACF,GAAG,CAAC,MAAM,EAAE,CAAC;AAEb,UAAM,aAAa,UACf,iCACK,QADL;AAAA,MAEE,aAAa,OAAO;AAtDhC;AAuDc,mBAAW,UAAU;AACrB,oBAAM,iBAAN,+BAAqB;AAAA,MACvB;AAAA,IACF,KACA;AAEJ,WAAO,oCAAC;AAAA,MAAU,KAAK;AAAA,OAAkB,WAAY;AAAA,EACvD,CACF;AACF;",
+  "mappings": "AAAA;AACA;AACA;AACA;AAEA;AAEO,2BAA+C,WAAiB;AACrE,SAAO,WACL,CACE,OAMA,QACG;AACH,UAAM,UAAU,mBAAmB,SAAS,KAAK,UAAU,aAAa;AACxE,UAAM,aAAa,OAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAEjE,UAAM,WAAW,YACf,CAAC,UAAU;AACT,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,CAAC;AAAO;AACZ,wBAAkB,MAAM,IAAI;AAAA,QAC1B,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM;AACZ,gBAAI,MAAM,gBAAgB,OAAO,WAAW,YAAY,UAAU;AAChE,oBAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,MAAM,EAAE,CACX;AAEA,UAAM,eAAe,YAAY,KAAK,QAAQ;AAE9C,cAAU,MAAM;AACd,UAAI,CAAC,MAAM;AAAI;AACf,aAAO,MAAM;AACX,4BAAoB,MAAM,EAAG;AAAA,MAC/B;AAAA,IACF,GAAG,CAAC,MAAM,EAAE,CAAC;AAEb,UAAM,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH,aAAa,OAAO;AAtDhC;AAuDc,mBAAW,UAAU;AACrB,oBAAM,iBAAN,+BAAqB;AAAA,MACvB;AAAA,IACF,IACA;AAEJ,WAAO,oCAAC;AAAA,MAAU,KAAK;AAAA,MAAe,GAAG;AAAA,KAAY;AAAA,EACvD,CACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/focusable",
-  "version": "1.0.1-beta.106",
+  "version": "1.0.1-beta.109",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -20,15 +20,15 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "^1.0.1-beta.106",
-    "@tamagui/core": "^1.0.1-beta.106"
+    "@tamagui/compose-refs": "^1.0.1-beta.109",
+    "@tamagui/core": "^1.0.1-beta.109"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.106",
+    "@tamagui/build": "^1.0.1-beta.109",
     "react": "*",
     "react-dom": "*"
   },

package/dist/cjs/useControllableState.js

@@ -1,67 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: 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_use_event = require("@tamagui/use-event");
-var import_react = require("react");
-function useControllableState({
-  prop,
-  defaultProp,
-  onChange,
-  strategy = "prop-wins",
-  preventUpdate
-}) {
-  const currentProp = (0, import_react.useRef)(prop);
-  const [val, setVal] = (0, import_react.useState)(prop ?? defaultProp);
-  const propWins = strategy === "prop-wins";
-  if (currentProp.current !== prop && !preventUpdate) {
-    currentProp.current = prop;
-    setVal((prev) => {
-      return getNextStateWithCallback(prev, prop, onChange);
-    });
-  }
-  return [
-    val,
-    (0, import_use_event.useEvent)((next) => {
-      if (preventUpdate)
-        return;
-      if (propWins && currentProp.current !== void 0) {
-        onChange == null ? void 0 : onChange(next);
-        return;
-      }
-      setVal((prev) => {
-        return getNextStateWithCallback(prev, typeof next === "function" ? next(prev) : next, onChange);
-      });
-    })
-  ];
-}
-const getNextStateWithCallback = (prev, next, handleChange) => {
-  if (prev === next || next === void 0) {
-    return prev;
-  }
-  handleChange == null ? void 0 : handleChange(next);
-  return next;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useControllableState
-});
-//# sourceMappingURL=useControllableState.js.map

package/dist/cjs/useControllableState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useControllableState.ts"],
-  "sourcesContent": ["import { useEvent } from '@tamagui/use-event'\nimport React, { useEffect, useRef, useState } from 'react'\n\n// can configure to allow most-recent-wins or prop-wins\n// defaults to prop-wins\n\ntype ChangeCb<T> = ((next: T) => void) | React.Dispatch<React.SetStateAction<T>>\n\nexport function useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange,\n  strategy = 'prop-wins',\n  preventUpdate,\n}: {\n  prop?: T | undefined\n  defaultProp: T\n  onChange?: ChangeCb<T>\n  strategy?: 'prop-wins' | 'most-recent-wins'\n  preventUpdate?: boolean\n}): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const currentProp = useRef(prop)\n  const [val, setVal] = useState(prop ?? defaultProp)\n  const propWins = strategy === 'prop-wins'\n\n  // TODO can try no useEffect here right? just if()\n  if (currentProp.current !== prop && !preventUpdate) {\n    currentProp.current = prop\n    setVal((prev) => {\n      return getNextStateWithCallback(prev, prop, onChange)\n    })\n  }\n\n  return [\n    val,\n    useEvent((next: unknown) => {\n      if (preventUpdate) return\n      if (propWins && currentProp.current !== undefined) {\n        onChange?.(next as T)\n        return\n      }\n      setVal((prev) => {\n        return getNextStateWithCallback(\n          prev,\n          typeof next === 'function' ? next(prev) : next,\n          onChange\n        )\n      })\n    }),\n  ]\n}\n\nconst getNextStateWithCallback = (prev: any, next: any, handleChange?: ChangeCb<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,uBAAyB;AACzB,mBAAmD;AAO5C,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,GAO+C;AAC/C,QAAM,cAAc,yBAAO,IAAI;AAC/B,QAAM,CAAC,KAAK,UAAU,2BAAS,QAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAG9B,MAAI,YAAY,YAAY,QAAQ,CAAC,eAAe;AAClD,gBAAY,UAAU;AACtB,WAAO,CAAC,SAAS;AACf,aAAO,yBAAyB,MAAM,MAAM,QAAQ;AAAA,IACtD,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA,+BAAS,CAAC,SAAkB;AAC1B,UAAI;AAAe;AACnB,UAAI,YAAY,YAAY,YAAY,QAAW;AACjD,6CAAW;AACX;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEA,MAAM,2BAA2B,CAAC,MAAW,MAAW,iBAAiC;AACvF,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,+CAAe;AACf,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/useControllableState.js

@@ -1,44 +0,0 @@
-import { useEvent } from "@tamagui/use-event";
-import { useRef, useState } from "react";
-function useControllableState({
-  prop,
-  defaultProp,
-  onChange,
-  strategy = "prop-wins",
-  preventUpdate
-}) {
-  const currentProp = useRef(prop);
-  const [val, setVal] = useState(prop ?? defaultProp);
-  const propWins = strategy === "prop-wins";
-  if (currentProp.current !== prop && !preventUpdate) {
-    currentProp.current = prop;
-    setVal((prev) => {
-      return getNextStateWithCallback(prev, prop, onChange);
-    });
-  }
-  return [
-    val,
-    useEvent((next) => {
-      if (preventUpdate)
-        return;
-      if (propWins && currentProp.current !== void 0) {
-        onChange == null ? void 0 : onChange(next);
-        return;
-      }
-      setVal((prev) => {
-        return getNextStateWithCallback(prev, typeof next === "function" ? next(prev) : next, onChange);
-      });
-    })
-  ];
-}
-const getNextStateWithCallback = (prev, next, handleChange) => {
-  if (prev === next || next === void 0) {
-    return prev;
-  }
-  handleChange == null ? void 0 : handleChange(next);
-  return next;
-};
-export {
-  useControllableState
-};
-//# sourceMappingURL=useControllableState.js.map

package/dist/esm/useControllableState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useControllableState.ts"],
-  "sourcesContent": ["import { useEvent } from '@tamagui/use-event'\nimport React, { useEffect, useRef, useState } from 'react'\n\n// can configure to allow most-recent-wins or prop-wins\n// defaults to prop-wins\n\ntype ChangeCb<T> = ((next: T) => void) | React.Dispatch<React.SetStateAction<T>>\n\nexport function useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange,\n  strategy = 'prop-wins',\n  preventUpdate,\n}: {\n  prop?: T | undefined\n  defaultProp: T\n  onChange?: ChangeCb<T>\n  strategy?: 'prop-wins' | 'most-recent-wins'\n  preventUpdate?: boolean\n}): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const currentProp = useRef(prop)\n  const [val, setVal] = useState(prop ?? defaultProp)\n  const propWins = strategy === 'prop-wins'\n\n  // TODO can try no useEffect here right? just if()\n  if (currentProp.current !== prop && !preventUpdate) {\n    currentProp.current = prop\n    setVal((prev) => {\n      return getNextStateWithCallback(prev, prop, onChange)\n    })\n  }\n\n  return [\n    val,\n    useEvent((next: unknown) => {\n      if (preventUpdate) return\n      if (propWins && currentProp.current !== undefined) {\n        onChange?.(next as T)\n        return\n      }\n      setVal((prev) => {\n        return getNextStateWithCallback(\n          prev,\n          typeof next === 'function' ? next(prev) : next,\n          onChange\n        )\n      })\n    }),\n  ]\n}\n\nconst getNextStateWithCallback = (prev: any, next: any, handleChange?: ChangeCb<any>) => {\n  if (prev === next || next === undefined) {\n    return prev\n  }\n  handleChange?.(next)\n  return next\n}\n"],
-  "mappings": "AAAA;AACA;AAOO,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,GAO+C;AAC/C,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,CAAC,KAAK,UAAU,SAAS,QAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAG9B,MAAI,YAAY,YAAY,QAAQ,CAAC,eAAe;AAClD,gBAAY,UAAU;AACtB,WAAO,CAAC,SAAS;AACf,aAAO,yBAAyB,MAAM,MAAM,QAAQ;AAAA,IACtD,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,CAAC,SAAkB;AAC1B,UAAI;AAAe;AACnB,UAAI,YAAY,YAAY,YAAY,QAAW;AACjD,6CAAW;AACX;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEA,MAAM,2BAA2B,CAAC,MAAW,MAAW,iBAAiC;AACvF,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,+CAAe;AACf,SAAO;AACT;",
-  "names": []
-}

package/dist/jsx/useControllableState.js

@@ -1,44 +0,0 @@
-import { useEvent } from "@tamagui/use-event";
-import { useRef, useState } from "react";
-function useControllableState({
-  prop,
-  defaultProp,
-  onChange,
-  strategy = "prop-wins",
-  preventUpdate
-}) {
-  const currentProp = useRef(prop);
-  const [val, setVal] = useState(prop != null ? prop : defaultProp);
-  const propWins = strategy === "prop-wins";
-  if (currentProp.current !== prop && !preventUpdate) {
-    currentProp.current = prop;
-    setVal((prev) => {
-      return getNextStateWithCallback(prev, prop, onChange);
-    });
-  }
-  return [
-    val,
-    useEvent((next) => {
-      if (preventUpdate)
-        return;
-      if (propWins && currentProp.current !== void 0) {
-        onChange == null ? void 0 : onChange(next);
-        return;
-      }
-      setVal((prev) => {
-        return getNextStateWithCallback(prev, typeof next === "function" ? next(prev) : next, onChange);
-      });
-    })
-  ];
-}
-const getNextStateWithCallback = (prev, next, handleChange) => {
-  if (prev === next || next === void 0) {
-    return prev;
-  }
-  handleChange == null ? void 0 : handleChange(next);
-  return next;
-};
-export {
-  useControllableState
-};
-//# sourceMappingURL=useControllableState.js.map

package/dist/jsx/useControllableState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useControllableState.ts"],
-  "sourcesContent": ["import { useEvent } from '@tamagui/use-event'\nimport React, { useEffect, useRef, useState } from 'react'\n\n// can configure to allow most-recent-wins or prop-wins\n// defaults to prop-wins\n\ntype ChangeCb<T> = ((next: T) => void) | React.Dispatch<React.SetStateAction<T>>\n\nexport function useControllableState<T>({\n  prop,\n  defaultProp,\n  onChange,\n  strategy = 'prop-wins',\n  preventUpdate,\n}: {\n  prop?: T | undefined\n  defaultProp: T\n  onChange?: ChangeCb<T>\n  strategy?: 'prop-wins' | 'most-recent-wins'\n  preventUpdate?: boolean\n}): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const currentProp = useRef(prop)\n  const [val, setVal] = useState(prop ?? defaultProp)\n  const propWins = strategy === 'prop-wins'\n\n  // TODO can try no useEffect here right? just if()\n  if (currentProp.current !== prop && !preventUpdate) {\n    currentProp.current = prop\n    setVal((prev) => {\n      return getNextStateWithCallback(prev, prop, onChange)\n    })\n  }\n\n  return [\n    val,\n    useEvent((next: unknown) => {\n      if (preventUpdate) return\n      if (propWins && currentProp.current !== undefined) {\n        onChange?.(next as T)\n        return\n      }\n      setVal((prev) => {\n        return getNextStateWithCallback(\n          prev,\n          typeof next === 'function' ? next(prev) : next,\n          onChange\n        )\n      })\n    }),\n  ]\n}\n\nconst getNextStateWithCallback = (prev: any, next: any, handleChange?: ChangeCb<any>) => {\n  if (prev === next || next === undefined) {\n    return prev\n  }\n  handleChange?.(next)\n  return next\n}\n"],
-  "mappings": "AAAA;AACA;AAOO,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,GAO+C;AAC/C,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,CAAC,KAAK,UAAU,SAAS,sBAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAG9B,MAAI,YAAY,YAAY,QAAQ,CAAC,eAAe;AAClD,gBAAY,UAAU;AACtB,WAAO,CAAC,SAAS;AACf,aAAO,yBAAyB,MAAM,MAAM,QAAQ;AAAA,IACtD,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,CAAC,SAAkB;AAC1B,UAAI;AAAe;AACnB,UAAI,YAAY,YAAY,YAAY,QAAW;AACjD,6CAAW;AACX;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEA,MAAM,2BAA2B,CAAC,MAAW,MAAW,iBAAiC;AACvF,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,+CAAe;AACf,SAAO;AACT;",
-  "names": []
-}

package/types/useControllableState.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-declare type ChangeCb<T> = ((next: T) => void) | React.Dispatch<React.SetStateAction<T>>;
-export declare function useControllableState<T>({ prop, defaultProp, onChange, strategy, preventUpdate, }: {
-    prop?: T | undefined;
-    defaultProp: T;
-    onChange?: ChangeCb<T>;
-    strategy?: 'prop-wins' | 'most-recent-wins';
-    preventUpdate?: boolean;
-}): [T, React.Dispatch<React.SetStateAction<T>>];
-export {};
-//# sourceMappingURL=useControllableState.d.ts.map

package/types/useControllableState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../src/useControllableState.ts"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;AAEhF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAsB,EACtB,aAAa,GACd,EAAE;IACD,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IACpB,WAAW,EAAE,CAAC,CAAA;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACtB,QAAQ,CAAC,EAAE,WAAW,GAAG,kBAAkB,CAAA;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CA8B/C"}