@tamagui/focusable 1.0.1-beta.103

package/dist/cjs/focusable.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 focusable_exports = {};
+module.exports = __toCommonJS(focusable_exports);
+//# sourceMappingURL=focusable.js.map

package/dist/cjs/focusable.js.map

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

package/dist/cjs/focusableInputHOC.js

@@ -0,0 +1,92 @@
+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 });
+};
+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 focusableInputHOC_exports = {};
+__export(focusableInputHOC_exports, {
+  focusableInputHOC: () => focusableInputHOC
+});
+module.exports = __toCommonJS(focusableInputHOC_exports);
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var import_react = __toESM(require("react"));
+var import_react2 = require("react");
+var import_registerFocusable = require("./registerFocusable");
+function focusableInputHOC(Component) {
+  return (0, import_react2.forwardRef)((props, ref) => {
+    const isInput = (0, import_core.isTamaguiComponent)(Component) && Component.staticConfig.isInput;
+    const inputValue = (0, import_react.useRef)(props.value || props.defaultValue || "");
+    const inputRef = (0, import_react2.useCallback)((input) => {
+      if (!props.id)
+        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);
+          }
+        }
+      }));
+    }, [props.id]);
+    const combinedRefs = (0, import_compose_refs.composeRefs)(ref, inputRef);
+    (0, import_react2.useEffect)(() => {
+      if (!props.id)
+        return;
+      return () => {
+        (0, import_registerFocusable.unregisterFocusable)(props.id);
+      };
+    }, [props.id]);
+    const finalProps = isInput ? __spreadProps(__spreadValues({}, 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));
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  focusableInputHOC
+});
+//# sourceMappingURL=focusableInputHOC.js.map

package/dist/cjs/focusableInputHOC.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./registerFocusable"), module.exports);
+__reExport(src_exports, require("./focusableInputHOC"), module.exports);
+__reExport(src_exports, require("./focusable"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/cjs/registerFocusable.js

@@ -0,0 +1,37 @@
+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 registerFocusable_exports = {};
+__export(registerFocusable_exports, {
+  focusFocusable: () => focusFocusable,
+  registerFocusable: () => registerFocusable,
+  unregisterFocusable: () => unregisterFocusable
+});
+module.exports = __toCommonJS(registerFocusable_exports);
+const registerFocusable = (id, input) => {
+};
+const unregisterFocusable = (id) => {
+};
+const focusFocusable = (id) => {
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  focusFocusable,
+  registerFocusable,
+  unregisterFocusable
+});
+//# sourceMappingURL=registerFocusable.js.map

package/dist/cjs/registerFocusable.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/cjs/registerFocusable.native.js

@@ -0,0 +1,60 @@
+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 registerFocusable_native_exports = {};
+__export(registerFocusable_native_exports, {
+  focusFocusable: () => focusFocusable,
+  registerFocusable: () => registerFocusable,
+  unregisterFocusable: () => unregisterFocusable
+});
+module.exports = __toCommonJS(registerFocusable_native_exports);
+const InputsMap = /* @__PURE__ */ new Map();
+const registerFocusable = (id, input) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (InputsMap.has(id)) {
+      console.warn(`Warning, duplicate ID for input: ${id}`);
+    }
+  }
+  InputsMap.set(id, input);
+  return () => {
+    InputsMap.delete(id);
+  };
+};
+const unregisterFocusable = (id) => {
+  InputsMap.delete(id);
+};
+const focusFocusable = (id, select = false) => {
+  const input = InputsMap.get(id);
+  if (!input) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("No input found for id", id);
+    }
+    return;
+  }
+  if (select || !input.focusAndSelect) {
+    input.focus();
+  } else {
+    input.focusAndSelect();
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  focusFocusable,
+  registerFocusable,
+  unregisterFocusable
+});
+//# sourceMappingURL=registerFocusable.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/cjs/useControllableState.js

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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/focusable.js

@@ -0,0 +1 @@
+//# sourceMappingURL=focusable.js.map

package/dist/esm/focusable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/focusableInputHOC.js

@@ -0,0 +1,68 @@
+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";
+import { forwardRef, useCallback, useEffect } from "react";
+import { registerFocusable, unregisterFocusable } from "./registerFocusable";
+function focusableInputHOC(Component) {
+  return forwardRef((props, ref) => {
+    const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput;
+    const inputValue = useRef(props.value || props.defaultValue || "");
+    const inputRef = useCallback((input) => {
+      if (!props.id)
+        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);
+          }
+        }
+      }));
+    }, [props.id]);
+    const combinedRefs = composeRefs(ref, inputRef);
+    useEffect(() => {
+      if (!props.id)
+        return;
+      return () => {
+        unregisterFocusable(props.id);
+      };
+    }, [props.id]);
+    const finalProps = isInput ? __spreadProps(__spreadValues({}, 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));
+  });
+}
+export {
+  focusableInputHOC
+};
+//# sourceMappingURL=focusableInputHOC.js.map

package/dist/esm/focusableInputHOC.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from "./registerFocusable";
+export * from "./focusableInputHOC";
+export * from "./focusable";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './registerFocusable'\nexport * from './focusableInputHOC'\nexport * from './focusable'\n"],
+  "mappings": "AAAA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/registerFocusable.js

@@ -0,0 +1,12 @@
+const registerFocusable = (id, input) => {
+};
+const unregisterFocusable = (id) => {
+};
+const focusFocusable = (id) => {
+};
+export {
+  focusFocusable,
+  registerFocusable,
+  unregisterFocusable
+};
+//# sourceMappingURL=registerFocusable.js.map

package/dist/esm/registerFocusable.js.map

@@ -0,0 +1,7 @@
+{
+  "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": "AAEO,MAAM,oBAAoB,CAAC,IAAY,UAAqB;AAEnE;AAEO,MAAM,sBAAsB,CAAC,OAAe;AAEnD;AAEO,MAAM,iBAAiB,CAAC,OAAe;AAE9C;",
+  "names": []
+}

package/dist/esm/registerFocusable.native.js

@@ -0,0 +1,35 @@
+const InputsMap = /* @__PURE__ */ new Map();
+const registerFocusable = (id, input) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (InputsMap.has(id)) {
+      console.warn(`Warning, duplicate ID for input: ${id}`);
+    }
+  }
+  InputsMap.set(id, input);
+  return () => {
+    InputsMap.delete(id);
+  };
+};
+const unregisterFocusable = (id) => {
+  InputsMap.delete(id);
+};
+const focusFocusable = (id, select = false) => {
+  const input = InputsMap.get(id);
+  if (!input) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("No input found for id", id);
+    }
+    return;
+  }
+  if (select || !input.focusAndSelect) {
+    input.focus();
+  } else {
+    input.focusAndSelect();
+  }
+};
+export {
+  focusFocusable,
+  registerFocusable,
+  unregisterFocusable
+};
+//# sourceMappingURL=registerFocusable.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": "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/useControllableState.js

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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/focusable.js

@@ -0,0 +1 @@
+//# sourceMappingURL=focusable.js.map

package/dist/jsx/focusable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/focusableInputHOC.js

@@ -0,0 +1,49 @@
+import { composeRefs } from "@tamagui/compose-refs";
+import { isTamaguiComponent } from "@tamagui/core";
+import { useRef } from "react";
+import { forwardRef, useCallback, useEffect } from "react";
+import { registerFocusable, unregisterFocusable } from "./registerFocusable";
+function focusableInputHOC(Component) {
+  return forwardRef((props, ref) => {
+    const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput;
+    const inputValue = useRef(props.value || props.defaultValue || "");
+    const inputRef = useCallback((input) => {
+      if (!props.id)
+        return;
+      if (!input)
+        return;
+      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(() => {
+      if (!props.id)
+        return;
+      return () => {
+        unregisterFocusable(props.id);
+      };
+    }, [props.id]);
+    const finalProps = isInput ? {
+      ...props,
+      onChangeText(value) {
+        var _a;
+        inputValue.current = value;
+        (_a = props.onChangeText) == null ? void 0 : _a.call(props, value);
+      }
+    } : props;
+    return <Component ref={combinedRefs} {...finalProps} />;
+  });
+}
+export {
+  focusableInputHOC
+};
+//# sourceMappingURL=focusableInputHOC.js.map

package/dist/jsx/focusableInputHOC.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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,CAAC,UAAU,KAAK,kBAAkB,YAAY;AAAA,EACvD,CACF;AACF;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -0,0 +1,4 @@
+export * from "./registerFocusable";
+export * from "./focusableInputHOC";
+export * from "./focusable";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './registerFocusable'\nexport * from './focusableInputHOC'\nexport * from './focusable'\n"],
+  "mappings": "AAAA;AACA;AACA;",
+  "names": []
+}

package/dist/jsx/registerFocusable.js

@@ -0,0 +1,12 @@
+const registerFocusable = (id, input) => {
+};
+const unregisterFocusable = (id) => {
+};
+const focusFocusable = (id) => {
+};
+export {
+  focusFocusable,
+  registerFocusable,
+  unregisterFocusable
+};
+//# sourceMappingURL=registerFocusable.js.map

package/dist/jsx/registerFocusable.js.map

@@ -0,0 +1,7 @@
+{
+  "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": "AAEO,MAAM,oBAAoB,CAAC,IAAY,UAAqB;AAEnE;AAEO,MAAM,sBAAsB,CAAC,OAAe;AAEnD;AAEO,MAAM,iBAAiB,CAAC,OAAe;AAE9C;",
+  "names": []
+}

package/dist/jsx/registerFocusable.native.js

@@ -0,0 +1,35 @@
+const InputsMap = /* @__PURE__ */ new Map();
+const registerFocusable = (id, input) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (InputsMap.has(id)) {
+      console.warn(`Warning, duplicate ID for input: ${id}`);
+    }
+  }
+  InputsMap.set(id, input);
+  return () => {
+    InputsMap.delete(id);
+  };
+};
+const unregisterFocusable = (id) => {
+  InputsMap.delete(id);
+};
+const focusFocusable = (id, select = false) => {
+  const input = InputsMap.get(id);
+  if (!input) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("No input found for id", id);
+    }
+    return;
+  }
+  if (select || !input.focusAndSelect) {
+    input.focus();
+  } else {
+    input.focusAndSelect();
+  }
+};
+export {
+  focusFocusable,
+  registerFocusable,
+  unregisterFocusable
+};
+//# sourceMappingURL=registerFocusable.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": "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/jsx/useControllableState.js

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@tamagui/focusable",
+  "version": "1.0.1-beta.103",
+  "sideEffects": false,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "license": "MIT",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/compose-refs": "^1.0.1-beta.103",
+    "@tamagui/core": "^1.0.1-beta.103"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.103",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/focusable.ts

@@ -0,0 +1 @@
+export type Focusable = { focus: Function; focusAndSelect?: Function }

package/src/focusableInputHOC.tsx

@@ -0,0 +1,65 @@
+import { composeRefs } from '@tamagui/compose-refs'
+import { isTamaguiComponent } from '@tamagui/core'
+import React, { useRef } from 'react'
+import { forwardRef, useCallback, useEffect } from 'react'
+
+import { registerFocusable, unregisterFocusable } from './registerFocusable'
+
+export function focusableInputHOC<A extends Function>(Component: A): A {
+  return forwardRef(
+    (
+      props: {
+        id?: string
+        onChangeText?: (val: string) => void
+        value?: string
+        defaultValue?: string
+      },
+      ref
+    ) => {
+      const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput
+      const inputValue = useRef(props.value || props.defaultValue || '')
+
+      const inputRef = useCallback(
+        (input) => {
+          if (!props.id) return
+          if (!input) return
+          registerFocusable(props.id, {
+            focus: input.focus,
+
+            ...(isInput && {
+              // react-native doesn't support programmatic .select()
+              focusAndSelect() {
+                input.focus()
+                if (input.setSelection && typeof inputValue.current === 'string') {
+                  input.setSelection(0, inputValue.current.length)
+                }
+              },
+            }),
+          })
+        },
+        [props.id]
+      )
+
+      const combinedRefs = composeRefs(ref, inputRef)
+
+      useEffect(() => {
+        if (!props.id) return
+        return () => {
+          unregisterFocusable(props.id!)
+        }
+      }, [props.id])
+
+      const finalProps = isInput
+        ? {
+            ...props,
+            onChangeText(value) {
+              inputValue.current = value
+              props.onChangeText?.(value)
+            },
+          }
+        : props
+
+      return <Component ref={combinedRefs} {...finalProps} />
+    }
+  ) as any
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './registerFocusable'
+export * from './focusableInputHOC'
+export * from './focusable'

package/src/registerFocusable.native.ts

@@ -0,0 +1,36 @@
+// used for focusing on native
+
+import { Focusable } from './focusable'
+
+const InputsMap = new Map<string, Focusable>()
+
+export const registerFocusable = (id: string, input: Focusable) => {
+  if (process.env.NODE_ENV !== 'production') {
+    if (InputsMap.has(id)) {
+      console.warn(`Warning, duplicate ID for input: ${id}`)
+    }
+  }
+  InputsMap.set(id, input)
+  return () => {
+    InputsMap.delete(id)
+  }
+}
+
+export const unregisterFocusable = (id: string) => {
+  InputsMap.delete(id)
+}
+
+export const focusFocusable = (id: string, select = false) => {
+  const input = InputsMap.get(id)
+  if (!input) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn('No input found for id', id)
+    }
+    return
+  }
+  if (select || !input.focusAndSelect) {
+    input.focus()
+  } else {
+    input.focusAndSelect()
+  }
+}

package/src/registerFocusable.ts

@@ -0,0 +1,13 @@
+import { Focusable } from './focusable'
+
+export const registerFocusable = (id: string, input: Focusable) => {
+  // noop focus is handed natively
+}
+
+export const unregisterFocusable = (id: string) => {
+  // noop focus is handed natively
+}
+
+export const focusFocusable = (id: string) => {
+  // noop focus is handed natively
+}

package/types/focusable.d.ts

@@ -0,0 +1,5 @@
+export declare type Focusable = {
+    focus: Function;
+    focusAndSelect?: Function;
+};
+//# sourceMappingURL=focusable.d.ts.map

package/types/focusable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusable.d.ts","sourceRoot":"","sources":["../src/focusable.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG;IAAE,KAAK,EAAE,QAAQ,CAAC;IAAC,cAAc,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAA"}

package/types/focusableInputHOC.d.ts

@@ -0,0 +1,2 @@
+export declare function focusableInputHOC<A extends Function>(Component: A): A;
+//# sourceMappingURL=focusableInputHOC.d.ts.map

package/types/focusableInputHOC.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusableInputHOC.d.ts","sourceRoot":"","sources":["../src/focusableInputHOC.tsx"],"names":[],"mappings":"AAOA,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAyDrE"}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './registerFocusable';
+export * from './focusableInputHOC';
+export * from './focusable';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA"}

package/types/registerFocusable.d.ts

@@ -0,0 +1,5 @@
+import { Focusable } from './focusable';
+export declare const registerFocusable: (id: string, input: Focusable) => void;
+export declare const unregisterFocusable: (id: string) => void;
+export declare const focusFocusable: (id: string) => void;
+//# sourceMappingURL=registerFocusable.d.ts.map

package/types/registerFocusable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerFocusable.d.ts","sourceRoot":"","sources":["../src/registerFocusable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAO,MAAM,iBAAiB,OAAQ,MAAM,SAAS,SAAS,SAE7D,CAAA;AAED,eAAO,MAAM,mBAAmB,OAAQ,MAAM,SAE7C,CAAA;AAED,eAAO,MAAM,cAAc,OAAQ,MAAM,SAExC,CAAA"}

package/types/registerFocusable.native.d.ts

@@ -0,0 +1,5 @@
+import { Focusable } from './focusable';
+export declare const registerFocusable: (id: string, input: Focusable) => () => void;
+export declare const unregisterFocusable: (id: string) => void;
+export declare const focusFocusable: (id: string, select?: boolean) => void;
+//# sourceMappingURL=registerFocusable.native.d.ts.map

package/types/registerFocusable.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerFocusable.native.d.ts","sourceRoot":"","sources":["../src/registerFocusable.native.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAIvC,eAAO,MAAM,iBAAiB,OAAQ,MAAM,SAAS,SAAS,eAU7D,CAAA;AAED,eAAO,MAAM,mBAAmB,OAAQ,MAAM,SAE7C,CAAA;AAED,eAAO,MAAM,cAAc,OAAQ,MAAM,2BAaxC,CAAA"}

package/types/useControllableState.d.ts

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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"}