@limonify/zest-ui 0.3.2 → 0.4.0

package/lib/slider/thumb/SliderThumb.js

@@ -5,6 +5,7 @@ exports.SliderThumb = SliderThumb;
 const react_native_1 = require("react-native");
 const SliderRootContext_1 = require("../root/SliderRootContext");
 const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useFieldControlRegistration_1 = require("../../internals/field/useFieldControlRegistration");
 const formatNumber_1 = require("../../utils/formatNumber");
 /**
  * The draggable handle.
@@ -15,9 +16,12 @@ const formatNumber_1 = require("../../utils/formatNumber");
  * lets assistive technology change the value.
  */
 function SliderThumb(componentProps) {
-    var _a;
+    var _a, _b, _c;
     const { render, className, style, index = 0, ref, ...elementProps } = componentProps;
     const { disabled, format, labelId, locale, max, min, orientation, state, values } = (0, SliderRootContext_1.useSliderRootContext)();
+    // The thumb is what assistive tech announces and adjusts, so a surrounding
+    // field's label and messages attach here rather than to the root.
+    const { fieldProps } = (0, useFieldControlRegistration_1.useFieldControlRegistration)();
     const value = (_a = values[index]) !== null && _a !== void 0 ? _a : min;
     const percent = max === min ? 0 : ((value - min) / (max - min)) * 100;
     const positionStyle = orientation === 'vertical'
@@ -31,7 +35,6 @@ function SliderThumb(componentProps) {
             {
                 style: positionStyle,
                 accessibilityRole: 'adjustable',
-                accessibilityLabelledBy: labelId,
                 accessibilityState: { disabled: disabled || undefined },
                 accessibilityValue: {
                     min,
@@ -40,6 +43,11 @@ function SliderThumb(componentProps) {
                     text: formatValue(value, format, locale),
                 },
                 'aria-orientation': orientation,
+                ...fieldProps,
+                // A surrounding `Field.Label` names the control; `Slider.Label` is the
+                // fallback for a slider that stands on its own.
+                accessibilityLabelledBy: (_b = fieldProps.accessibilityLabelledBy) !== null && _b !== void 0 ? _b : labelId,
+                'aria-labelledby': (_c = fieldProps['aria-labelledby']) !== null && _c !== void 0 ? _c : labelId,
             },
             elementProps,
         ],

package/lib/slider/thumb/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,kCAoCC;AAnDD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,2DAAwD;AAIxD;;;;;;;GAOG;AACH,SAAgB,WAAW,CAAC,cAAiC;;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAErF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAC/E,IAAA,wCAAoB,GAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,mCAAI,GAAG,CAAC;IACnC,MAAM,OAAO,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,MAAM,aAAa,GACjB,WAAW,KAAK,UAAU;QACxB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,MAAM,EAAE,GAAG,OAAO,GAAY,EAAE;QACnE,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,GAAY,EAAE,CAAC;IAEtE,MAAM,UAAU,GAAqB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IAEzE,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK,EAAE,UAAU;QACjB,GAAG;QACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,aAAa;gBACpB,iBAAiB,EAAE,YAAqB;gBACxC,uBAAuB,EAAE,OAAO;gBAChC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACvD,kBAAkB,EAAE;oBAClB,GAAG;oBACH,GAAG;oBACH,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;iBACzC;gBACD,kBAAkB,EAAE,WAAW;aAChC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAClB,KAAa,EACb,MAA4C,EAC5C,MAAwC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,IAAA,2BAAY,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"SliderThumb.js","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiBb,kCA4CC;AA5DD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,mGAAgG;AAChG,2DAAwD;AAIxD;;;;;;;GAOG;AACH,SAAgB,WAAW,CAAC,cAAiC;;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAErF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAC/E,IAAA,wCAAoB,GAAE,CAAC;IAEzB,2EAA2E;IAC3E,kEAAkE;IAClE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,yDAA2B,GAAE,CAAC;IAErD,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,mCAAI,GAAG,CAAC;IACnC,MAAM,OAAO,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,MAAM,aAAa,GACjB,WAAW,KAAK,UAAU;QACxB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,MAAM,EAAE,GAAG,OAAO,GAAY,EAAE;QACnE,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,GAAY,EAAE,CAAC;IAEtE,MAAM,UAAU,GAAqB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IAEzE,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK,EAAE,UAAU;QACjB,GAAG;QACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,aAAa;gBACpB,iBAAiB,EAAE,YAAqB;gBACxC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACvD,kBAAkB,EAAE;oBAClB,GAAG;oBACH,GAAG;oBACH,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;iBACzC;gBACD,kBAAkB,EAAE,WAAW;gBAC/B,GAAG,UAAU;gBACb,uEAAuE;gBACvE,gDAAgD;gBAChD,uBAAuB,EAAE,MAAA,UAAU,CAAC,uBAAuB,mCAAI,OAAO;gBACtE,iBAAiB,EAAE,MAAA,UAAU,CAAC,iBAAiB,CAAC,mCAAI,OAAO;aAC5D;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAClB,KAAa,EACb,MAA4C,EAC5C,MAAwC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,IAAA,2BAAY,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC"}

package/lib/switch/root/SwitchRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchRoot.d.ts","sourceRoot":"","sources":["../../../src/switch/root/SwitchRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAKrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,qBA2E1D;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,eAAe,CAAC,EAAE,SAAS,CAAC;IAChF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,eAAe,CAAC,EACZ,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACzE,SAAS,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE9D,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,iBAAiB,GAAG,2BAA2B,CAAC;IAC5D,KAAY,kBAAkB,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;CACtF"}
+{"version":3,"file":"SwitchRoot.d.ts","sourceRoot":"","sources":["../../../src/switch/root/SwitchRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAKrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,qBA8E1D;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,eAAe,CAAC,EAAE,SAAS,CAAC;IAChF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,eAAe,CAAC,EACZ,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACzE,SAAS,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE9D,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,iBAAiB,GAAG,2BAA2B,CAAC;IAC5D,KAAY,kBAAkB,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;CACtF"}

package/lib/switch/root/SwitchRoot.js

@@ -53,8 +53,11 @@ const SwitchRootContext_1 = require("./SwitchRootContext");
  * native form submission, so `name`/`value`/`form` props are omitted.
  */
 function SwitchRoot(componentProps) {
+    var _a;
     const { checked: checkedProp, className, defaultChecked = false, disabled: disabledProp = false, onCheckedChange, readOnly = false, render, required = false, style, ref, ...elementProps } = componentProps;
-    const { fieldDisabled, fieldProps, validateField } = (0, useFieldControlRegistration_1.useFieldControlRegistration)();
+    const { fieldDisabled, fieldProps, markChanged, markTouched } = (0, useFieldControlRegistration_1.useFieldControlRegistration)({
+        initialValue: (_a = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checkedProp) !== null && _a !== void 0 ? _a : false,
+    });
     const disabled = disabledProp || fieldDisabled;
     const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
     const [checked, setCheckedState] = (0, useControlled_1.useControlled)({
@@ -85,7 +88,8 @@ function SwitchRoot(componentProps) {
                         return;
                     }
                     setCheckedState(nextChecked);
-                    validateField(nextChecked);
+                    markChanged(nextChecked);
+                    markTouched(nextChecked);
                 },
                 accessibilityRole: 'switch',
                 accessibilityState: {

package/lib/switch/root/SwitchRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchRoot.js","sourceRoot":"","sources":["../../../src/switch/root/SwitchRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBb,gCA2EC;;AAhGD,6CAA+B;AAC/B,+CAAqE;AACrE,6DAA0D;AAC1D,wEAAqE;AACrE,oEAAiE;AACjE,mGAAgG;AAEhG,mFAG8C;AAC9C,iDAA8C;AAC9C,2DAAwD;AAExD;;;;;;GAMG;AACH,SAAgB,UAAU,CAAC,cAAgC;IACzD,MAAM,EACJ,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,IAAA,yDAA2B,GAAE,CAAC;IAEnF,MAAM,QAAQ,GAAG,YAAY,IAAI,aAAa,CAAC;IAE/C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,qBAAS,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,MAAM,CAAC,OAAO,EAAE,eAAe,CAAC,GAAG,IAAA,6BAAa,EAAC;QAC/C,UAAU,EAAE,WAAW;QACvB,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAoB,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,QAAQ;KACT,CAAC,EACF,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACxC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QAC1D,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,OAAO,CAAC,KAA4B;oBAClC,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;wBACzB,OAAO;oBACT,CAAC;oBAED,MAAM,WAAW,GAAG,CAAC,OAAO,CAAC;oBAC7B,MAAM,YAAY,GAAG,IAAA,mDAAwB,EAAC,iBAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;oBAEnE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,WAAW,EAAE,YAAY,CAAC,CAAC;oBAE7C,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;wBAC5B,OAAO;oBACT,CAAC;oBAED,eAAe,CAAC,WAAW,CAAC,CAAC;oBAC7B,aAAa,CAAC,WAAW,CAAC,CAAC;gBAC7B,CAAC;gBACD,iBAAiB,EAAE,QAAiB;gBACpC,kBAAkB,EAAE;oBAClB,OAAO;oBACP,QAAQ,EAAE,QAAQ,IAAI,SAAS;iBAChC;gBACD,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,GAAG,UAAU;aACd;YACD,YAAY;YACZ,cAAc;SACf;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,OAAO,GAA8B,CAAC;AAC1F,CAAC"}
+{"version":3,"file":"SwitchRoot.js","sourceRoot":"","sources":["../../../src/switch/root/SwitchRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBb,gCA8EC;;AAnGD,6CAA+B;AAC/B,+CAAqE;AACrE,6DAA0D;AAC1D,wEAAqE;AACrE,oEAAiE;AACjE,mGAAgG;AAEhG,mFAG8C;AAC9C,iDAA8C;AAC9C,2DAAwD;AAExD;;;;;;GAMG;AACH,SAAgB,UAAU,CAAC,cAAgC;;IACzD,MAAM,EACJ,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAA,yDAA2B,EAAC;QAC1F,YAAY,EAAE,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,WAAW,mCAAI,KAAK;KACrD,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,YAAY,IAAI,aAAa,CAAC;IAE/C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,qBAAS,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,MAAM,CAAC,OAAO,EAAE,eAAe,CAAC,GAAG,IAAA,6BAAa,EAAC;QAC/C,UAAU,EAAE,WAAW;QACvB,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAoB,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,QAAQ;KACT,CAAC,EACF,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACxC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QAC1D,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,OAAO,CAAC,KAA4B;oBAClC,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;wBACzB,OAAO;oBACT,CAAC;oBAED,MAAM,WAAW,GAAG,CAAC,OAAO,CAAC;oBAC7B,MAAM,YAAY,GAAG,IAAA,mDAAwB,EAAC,iBAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;oBAEnE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,WAAW,EAAE,YAAY,CAAC,CAAC;oBAE7C,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;wBAC5B,OAAO;oBACT,CAAC;oBAED,eAAe,CAAC,WAAW,CAAC,CAAC;oBAC7B,WAAW,CAAC,WAAW,CAAC,CAAC;oBACzB,WAAW,CAAC,WAAW,CAAC,CAAC;gBAC3B,CAAC;gBACD,iBAAiB,EAAE,QAAiB;gBACpC,kBAAkB,EAAE;oBAClB,OAAO;oBACP,QAAQ,EAAE,QAAQ,IAAI,SAAS;iBAChC;gBACD,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,GAAG,UAAU;aACd;YACD,YAAY;YACZ,cAAc;SACf;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,OAAO,GAA8B,CAAC;AAC1F,CAAC"}

package/lib/tabs/tab/TabsTab.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Pressable } from 'react-native';
 import type { CompositeItemLayout } from '../../internals/composite/list/CompositeListContext';
-import type { TabsRoot } from '../root/TabsRoot';
+import type { TabsRootState } from '../root/TabsRoot';
 import type { ZestUIComponentProps } from '../../types';
 /**
  * An individual interactive tab button that toggles the corresponding panel.
@@ -27,7 +27,7 @@ export interface TabsTabMetadata {
     /** Filled in by `CompositeList` from the tab's `onLayout`. */
     layout?: CompositeItemLayout | undefined;
 }
-export interface TabsTabState {
+export interface TabsTabState extends TabsRootState {
     /**
      * Whether the component should ignore user interaction.
      */
@@ -36,14 +36,6 @@ export interface TabsTabState {
      * Whether the component is active.
      */
     active: boolean;
-    /**
-     * The component orientation.
-     */
-    orientation: TabsRoot.Orientation;
-    /**
-     * The direction used for tab activation.
-     */
-    tabActivationDirection: TabsTab.ActivationDirection;
     /**
      * Whether the tab is currently pressed.
      */

package/lib/tabs/tab/TabsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/TabsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAKrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,0EAgEpD;AAED,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;IACjC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC;IAClC;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC,mBAAmB,CAAC;IACpD;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvF;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,0BAA0B,CAAC;IAC7D,KAAY,QAAQ,GAAG,eAAe,CAAC;IACvC,KAAY,IAAI,GAAG,WAAW,CAAC;IAC/B,KAAY,QAAQ,GAAG,eAAe,CAAC;IACvC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;CAClC"}
+{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/TabsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAKrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,OAAO,KAAK,EAAY,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,0EAgEpD;AAED,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;IACjC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC1C;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvF;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,0BAA0B,CAAC;IAC7D,KAAY,QAAQ,GAAG,eAAe,CAAC;IACvC,KAAY,IAAI,GAAG,WAAW,CAAC;IAC/B,KAAY,QAAQ,GAAG,eAAe,CAAC;IACvC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;CAClC"}

package/lib/tooltip/popup/TooltipPopup.d.ts

@@ -25,6 +25,16 @@ export interface TooltipPopupState {
      * The alignment the popup was actually placed with.
      */
     align: Align;
+    /**
+     * The trigger's measured width, available for consumers to size the popup
+     * against its anchor. This is the React Native equivalent of the web's
+     * `--anchor-width` CSS variable.
+     */
+    triggerWidth: number | undefined;
+    /**
+     * The trigger's measured height.
+     */
+    triggerHeight: number | undefined;
 }
 export interface TooltipPopupProps extends ZestUIComponentProps<typeof View, TooltipPopupState> {
 }

package/lib/tooltip/popup/TooltipPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopup.d.ts","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,8FAyB9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IACnC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,iBAAiB,CAAC;CAAG;AAElG,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}
+{"version":3,"file":"TooltipPopup.d.ts","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,8FAkC9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IACnC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;;;OAIG;IACH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,iBAAiB,CAAC;CAAG;AAElG,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}

package/lib/tooltip/popup/TooltipPopup.js

@@ -18,7 +18,16 @@ function TooltipPopup(componentProps) {
     const { side, align } = (0, TooltipPositionerContext_1.useTooltipPositionerContext)();
     const { transitionStatus } = (_a = (0, TooltipTransitionContext_1.useTooltipTransitionContext)()) !== null && _a !== void 0 ? _a : { transitionStatus: undefined };
     const open = store.useState('open');
-    const state = { open, transitionStatus, side, align };
+    const triggerWidth = store.useState('triggerWidth');
+    const triggerHeight = store.useState('triggerHeight');
+    const state = {
+        open,
+        transitionStatus,
+        side,
+        align,
+        triggerWidth,
+        triggerHeight,
+    };
     return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
         state,
         ref,

package/lib/tooltip/popup/TooltipPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopup.js","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAcb,oCAyBC;AAtCD,+CAAoC;AACpC,mEAAmE;AACnE,qFAAqF;AACrF,+EAA+E;AAC/E,wEAAqE;AAKrE;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACtD,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAA,IAAA,sDAA2B,GAAE,mCAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAE9F,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAsB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAEzE,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,SAAkB;gBACxB,iBAAiB,EAAE,SAAkB;gBACrC,wEAAwE;gBACxE,8BAA8B;gBAC9B,yBAAyB,EAAE,GAAG,EAAE,CAAC,IAAI;aACtC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"TooltipPopup.js","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAcb,oCAkCC;AA/CD,+CAAoC;AACpC,mEAAmE;AACnE,qFAAqF;AACrF,+EAA+E;AAC/E,wEAAqE;AAKrE;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACtD,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAA,IAAA,sDAA2B,GAAE,mCAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAE9F,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAsB;QAC/B,IAAI;QACJ,gBAAgB;QAChB,IAAI;QACJ,KAAK;QACL,YAAY;QACZ,aAAa;KACd,CAAC;IAEF,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,SAAkB;gBACxB,iBAAiB,EAAE,SAAkB;gBACrC,wEAAwE;gBACxE,8BAA8B;gBAC9B,yBAAyB,EAAE,GAAG,EAAE,CAAC,IAAI;aACtC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/tooltip/positioner/TooltipPositioner.d.ts

@@ -11,6 +11,16 @@ export interface TooltipPositionerState {
     open: boolean;
     side: Side;
     align: Align;
+    /**
+     * The trigger's measured width, available for consumers to size the popup
+     * against its anchor. This is the React Native equivalent of the web's
+     * `--anchor-width` CSS variable.
+     */
+    triggerWidth: number | undefined;
+    /**
+     * The trigger's measured height.
+     */
+    triggerHeight: number | undefined;
 }
 export interface TooltipPositionerProps extends UseAnchorPositioningSharedParameters, ZestUIComponentProps<typeof View, TooltipPositionerState> {
 }

package/lib/tooltip/positioner/TooltipPositioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPositioner.d.ts","sourceRoot":"","sources":["../../../src/tooltip/positioner/TooltipPositioner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,EAEL,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,oCAAoC,EAC1C,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC,KAAK,qBA4ExE;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,sBACf,SAAQ,oCAAoC,EAC1C,oBAAoB,CAAC,OAAO,IAAI,EAAE,sBAAsB,CAAC;CAAG;AAEhE,yBAAiB,iBAAiB,CAAC;IACjC,KAAY,KAAK,GAAG,sBAAsB,CAAC;IAC3C,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC5C"}
+{"version":3,"file":"TooltipPositioner.d.ts","sourceRoot":"","sources":["../../../src/tooltip/positioner/TooltipPositioner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,EAEL,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,oCAAoC,EAC1C,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC,KAAK,qBAgFxE;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb;;;;OAIG;IACH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,sBACf,SAAQ,oCAAoC,EAC1C,oBAAoB,CAAC,OAAO,IAAI,EAAE,sBAAsB,CAAC;CAAG;AAEhE,yBAAiB,iBAAiB,CAAC;IACjC,KAAY,KAAK,GAAG,sBAAsB,CAAC;IAC3C,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC5C"}

package/lib/tooltip/positioner/TooltipPositioner.js

@@ -54,6 +54,8 @@ function TooltipPositioner(componentProps) {
     (0, TooltipPortalContext_1.useTooltipPortalContext)();
     const store = (0, TooltipRootContext_1.useTooltipRootContext)();
     const open = store.useState('open');
+    const triggerWidth = store.useState('triggerWidth');
+    const triggerHeight = store.useState('triggerHeight');
     const triggerNode = store.useState('triggerNode');
     const positioning = (0, useAnchorPositioning_1.useAnchorPositioning)({
         align,
@@ -79,6 +81,8 @@ function TooltipPositioner(componentProps) {
         open,
         side: positioning.side,
         align: positioning.align,
+        triggerWidth,
+        triggerHeight,
     };
     const contextValue = React.useMemo(() => ({ side: positioning.side, align: positioning.align, arrowRef, arrowStyles }), [positioning.side, positioning.align, arrowRef, arrowStyles]);
     const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {

package/lib/tooltip/positioner/TooltipPositioner.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPositioner.js","sourceRoot":"","sources":["../../../src/tooltip/positioner/TooltipPositioner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBb,8CA4EC;;AAhGD,6CAA+B;AAC/B,+CAAoC;AACpC,mEAAmE;AACnE,yEAAyE;AACzE,wEAAqE;AACrE,uEAAoE;AACpE,6DAA0D;AAC1D,2EAK0C;AAE1C,yEAAsE;AAEtE;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,cAAuC;IACvE,MAAM,EACJ,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,gBAAgB,GAAG,CAAC,EACpB,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,CAAC,EACd,MAAM,GAAG,KAAK,EACd,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,IAAA,8CAAuB,GAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,IAAA,2CAAoB,EAAC;QACvC,KAAK;QACL,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,IAAI;QACJ,UAAU;QACV,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAE9E,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,CAAC,YAAY,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAEvD,MAAM,KAAK,GAA2B;QACpC,IAAI;QACJ,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,KAAK,EAAE,WAAW,CAAC,KAAK;KACzB,CAAC;IAEF,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAC1D,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EACnF,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC7D,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,gBAAgB;gBACvB,QAAQ;oBACN,MAAM,EAAE,CAAC;gBACX,CAAC;aACF;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,mDAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACnD,OAAO,GAC0B,CACrC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TooltipPositioner.js","sourceRoot":"","sources":["../../../src/tooltip/positioner/TooltipPositioner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBb,8CAgFC;;AApGD,6CAA+B;AAC/B,+CAAoC;AACpC,mEAAmE;AACnE,yEAAyE;AACzE,wEAAqE;AACrE,uEAAoE;AACpE,6DAA0D;AAC1D,2EAK0C;AAE1C,yEAAsE;AAEtE;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,cAAuC;IACvE,MAAM,EACJ,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,gBAAgB,GAAG,CAAC,EACpB,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,CAAC,EACd,MAAM,GAAG,KAAK,EACd,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,IAAA,8CAAuB,GAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,IAAA,2CAAoB,EAAC;QACvC,KAAK;QACL,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,IAAI;QACJ,UAAU;QACV,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAE9E,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,CAAC,YAAY,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAEvD,MAAM,KAAK,GAA2B;QACpC,IAAI;QACJ,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,YAAY;QACZ,aAAa;KACd,CAAC;IAEF,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAC1D,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EACnF,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC7D,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,gBAAgB;gBACvB,QAAQ;oBACN,MAAM,EAAE,CAAC;gBACX,CAAC;aACF;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,mDAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACnD,OAAO,GAC0B,CACrC,CAAC;AACJ,CAAC"}

package/lib/tooltip/store/TooltipStore.d.ts

@@ -7,6 +7,15 @@ export type State = {
      * The anchor's native node, carried across the portal boundary.
      */
     triggerNode: unknown;
+    /**
+     * The trigger's measured width, the React Native counterpart of the web's
+     * `--anchor-width` CSS variable.
+     */
+    triggerWidth: number | undefined;
+    /**
+     * The trigger's measured height.
+     */
+    triggerHeight: number | undefined;
     update: (() => void) | undefined;
 };
 type Context = {
@@ -15,6 +24,8 @@ type Context = {
 declare const selectors: {
     open: (state: State) => boolean;
     triggerNode: (state: State) => unknown;
+    triggerWidth: (state: State) => number | undefined;
+    triggerHeight: (state: State) => number | undefined;
     update: (state: State) => (() => void) | undefined;
 };
 export declare class TooltipStore extends ReactStore<Readonly<State>, Context, typeof selectors> {

package/lib/tooltip/store/TooltipStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStore.d.ts","sourceRoot":"","sources":["../../../src/tooltip/store/TooltipStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACnG,CAAC;AAEF,QAAA,MAAM,SAAS;;;qCAPE,IAAI;CAWpB,CAAC;AAEF,qBAAa,YAAa,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,CAAC;gBAC1E,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC;IAQlC,OAAO,GAAI,UAAU,OAAO,EAAE,cAAc,WAAW,CAAC,kBAAkB,UAY/E;CACH"}
+{"version":3,"file":"TooltipStore.d.ts","sourceRoot":"","sources":["../../../src/tooltip/store/TooltipStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACnG,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;qCAPE,IAAI;CAapB,CAAC;AAEF,qBAAa,YAAa,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,CAAC;gBAC1E,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC;IAgBlC,OAAO,GAAI,UAAU,OAAO,EAAE,cAAc,WAAW,CAAC,kBAAkB,UAY/E;CACH"}

package/lib/tooltip/store/TooltipStore.js

@@ -6,11 +6,21 @@ const ReactStore_1 = require("../../store/ReactStore");
 const selectors = {
     open: (0, createSelector_1.createSelector)((state) => { var _a; return (_a = state.openProp) !== null && _a !== void 0 ? _a : state.open; }),
     triggerNode: (0, createSelector_1.createSelector)((state) => state.triggerNode),
+    triggerWidth: (0, createSelector_1.createSelector)((state) => state.triggerWidth),
+    triggerHeight: (0, createSelector_1.createSelector)((state) => state.triggerHeight),
     update: (0, createSelector_1.createSelector)((state) => state.update),
 };
 class TooltipStore extends ReactStore_1.ReactStore {
     constructor(initialState) {
-        super({ open: false, openProp: undefined, triggerNode: null, update: undefined, ...initialState }, { onOpenChange: undefined }, selectors);
+        super({
+            open: false,
+            openProp: undefined,
+            triggerNode: null,
+            triggerWidth: undefined,
+            triggerHeight: undefined,
+            update: undefined,
+            ...initialState,
+        }, { onOpenChange: undefined }, selectors);
         this.setOpen = (nextOpen, eventDetails) => {
             var _a, _b;
             if (nextOpen === this.select('open')) {

package/lib/tooltip/store/TooltipStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStore.js","sourceRoot":"","sources":["../../../src/tooltip/store/TooltipStore.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAC5D,uDAAoD;AAiBpD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK,CAAC,IAAI,CAAA,EAAA,CAAC;IACpE,WAAW,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC;IAChE,MAAM,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;CACvD,CAAC;AAEF,MAAa,YAAa,SAAQ,uBAAsD;IACtF,YAAY,YAA6B;QACvC,KAAK,CACH,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,EAC3F,EAAE,YAAY,EAAE,SAAS,EAAE,EAC3B,SAAS,CACV,CAAC;QAGG,YAAO,GAAG,CAAC,QAAiB,EAAE,YAA4C,EAAE,EAAE;;YACnF,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;gBACrC,OAAO;YACT,CAAC;YAED,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,YAAY,mDAAG,QAAQ,EAAE,YAAY,CAAC,CAAC;YAEpD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC;IAdF,CAAC;CAeF;AAtBD,oCAsBC"}
+{"version":3,"file":"TooltipStore.js","sourceRoot":"","sources":["../../../src/tooltip/store/TooltipStore.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAC5D,uDAAoD;AA0BpD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK,CAAC,IAAI,CAAA,EAAA,CAAC;IACpE,WAAW,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC;IAChE,YAAY,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC;IAClE,aAAa,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC;IACpE,MAAM,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;CACvD,CAAC;AAEF,MAAa,YAAa,SAAQ,uBAAsD;IACtF,YAAY,YAA6B;QACvC,KAAK,CACH;YACE,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,SAAS;YACnB,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,SAAS;YACxB,MAAM,EAAE,SAAS;YACjB,GAAG,YAAY;SAChB,EACD,EAAE,YAAY,EAAE,SAAS,EAAE,EAC3B,SAAS,CACV,CAAC;QAGG,YAAO,GAAG,CAAC,QAAiB,EAAE,YAA4C,EAAE,EAAE;;YACnF,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;gBACrC,OAAO;YACT,CAAC;YAED,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,YAAY,mDAAG,QAAQ,EAAE,YAAY,CAAC,CAAC;YAEpD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC;IAdF,CAAC;CAeF;AA9BD,oCA8BC"}

package/lib/tooltip/trigger/TooltipTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/tooltip/trigger/TooltipTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAIrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,0EAyDlE;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,mBAAmB,CAAC;IACnE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}
+{"version":3,"file":"TooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/tooltip/trigger/TooltipTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAsD,MAAM,cAAc,CAAC;AAI7F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,0EA4DlE;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,mBAAmB,CAAC;IACnE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}

package/lib/tooltip/trigger/TooltipTrigger.js

@@ -77,8 +77,11 @@ function TooltipTrigger(componentProps) {
                 onPressOut() {
                     setPressed(false);
                 },
-                onLayout() {
+                onLayout(event) {
                     var _a, _b;
+                    const { width, height } = event.nativeEvent.layout;
+                    store.set('triggerWidth', width);
+                    store.set('triggerHeight', height);
                     (_b = (_a = store.state).update) === null || _b === void 0 ? void 0 : _b.call(_a);
                 },
                 accessibilityState: { expanded: open, disabled: disabled || undefined },

package/lib/tooltip/trigger/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","sourceRoot":"","sources":["../../../src/tooltip/trigger/TooltipTrigger.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcb,wCAyDC;AAtED,6CAA+B;AAC/B,+CAAqE;AACrE,mEAAmE;AACnE,wEAAqE;AACrE,6DAA0D;AAE1D,mFAAgF;AAChF,iDAA8C;AAE9C;;;GAGG;AACH,SAAgB,cAAc,CAAC,cAAoC;IACjE,MAAM,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAAa,EAAE,EAAE;QAChB,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEhD,MAAM,MAAM,GAAG,CAAC,KAA4B,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC;IAEF,MAAM,KAAK,GAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IAE/D,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,yEAAyE;gBACzE,wBAAwB;gBACxB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;gBACvC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBAC3C,SAAS;oBACP,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;gBACD,UAAU;oBACR,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC;gBACD,QAAQ;;oBACN,MAAA,MAAA,KAAK,CAAC,KAAK,EAAC,MAAM,kDAAI,CAAC;gBACzB,CAAC;gBACD,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;aACxE;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"TooltipTrigger.js","sourceRoot":"","sources":["../../../src/tooltip/trigger/TooltipTrigger.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcb,wCA4DC;AAzED,6CAA+B;AAC/B,+CAA6F;AAC7F,mEAAmE;AACnE,wEAAqE;AACrE,6DAA0D;AAE1D,mFAAgF;AAChF,iDAA8C;AAE9C;;;GAGG;AACH,SAAgB,cAAc,CAAC,cAAoC;IACjE,MAAM,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAAa,EAAE,EAAE;QAChB,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEhD,MAAM,MAAM,GAAG,CAAC,KAA4B,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC;IAEF,MAAM,KAAK,GAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IAE/D,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,yEAAyE;gBACzE,wBAAwB;gBACxB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;gBACvC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBAC3C,SAAS;oBACP,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;gBACD,UAAU;oBACR,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC;gBACD,QAAQ,CAAC,KAAwB;;oBAC/B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;oBACnD,KAAK,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;oBACjC,KAAK,CAAC,GAAG,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;oBACnC,MAAA,MAAA,KAAK,CAAC,KAAK,EAAC,MAAM,kDAAI,CAAC;gBACzB,CAAC;gBACD,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;aACxE;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limonify/zest-ui",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Base UI for React Native — headless, unstyled, accessible primitive components.",
   "license": "MIT",
   "repository": {

package/src/alert-dialog/index.parts.ts

@@ -1,5 +1,5 @@
 export { AlertDialogRoot as Root } from './root/AlertDialogRoot';
-export { createAlertDialogHandle as createHandle } from './handle';
+export { createAlertDialogHandle as createHandle, type AlertDialogHandle as Handle } from './handle';
 export { AlertDialogTrigger as Trigger } from './trigger/AlertDialogTrigger';
 export { DialogPortal as Portal } from '../dialog/portal/DialogPortal';
 export { DialogBackdrop as Backdrop } from '../dialog/backdrop/DialogBackdrop';

package/src/autocomplete/handle.ts

@@ -0,0 +1,18 @@
+import { ComboboxHandle } from '../combobox/store/ComboboxHandle';
+
+/**
+ * Controls an autocomplete imperatively, and associates an
+ * `Autocomplete.Input` rendered outside the root with it.
+ *
+ * An autocomplete reuses the combobox store, so it reuses its handle too — only
+ * the name in warnings differs.
+ */
+export type AutocompleteHandle = ComboboxHandle;
+
+/**
+ * Creates a handle that connects an `Autocomplete.Root` to an input rendered
+ * outside it, and controls it imperatively.
+ */
+export function createAutocompleteHandle(): AutocompleteHandle {
+  return new ComboboxHandle('Autocomplete');
+}

package/src/autocomplete/index.parts.ts

@@ -1,4 +1,5 @@
 export { AutocompleteRoot as Root } from './root/AutocompleteRoot';
+export { createAutocompleteHandle as createHandle } from './handle';
 
 // An autocomplete reuses every combobox part but its Root.
 export { ComboboxInput as Input } from '../combobox/input/ComboboxInput';

package/src/autocomplete/index.ts

@@ -1,3 +1,4 @@
 export * as Autocomplete from './index.parts';
 
 export type * from './root/AutocompleteRoot';
+export type { AutocompleteHandle } from './handle';

package/src/autocomplete/root/AutocompleteRoot.tsx

@@ -1,11 +1,13 @@
 'use client';
-import * as React from 'react';
-import type { ZestNativeEvent } from '../../utils/createChangeEventDetails';
-import {
-  ComboboxRootContext,
-  type ComboboxItem,
-} from '../../combobox/root/ComboboxRootContext';
-import { useComboboxRoot, type ComboboxItems } from '../../combobox/root/useComboboxRoot';
+import type * as React from 'react';
+import { useRenderComboboxRoot } from '../../combobox/root/useRenderComboboxRoot';
+import type { ComboboxHandle } from '../../combobox/store/ComboboxHandle';
+import type { ComboboxItem, ComboboxItems } from '../../combobox/store/ComboboxStore';
+import type {
+  ComboboxRootActions,
+  ComboboxRootChangeEventDetails,
+  ComboboxRootChangeEventReason,
+} from '../../combobox/root/ComboboxRoot';
 
 /**
  * Groups all parts of the autocomplete: a free-text input with a list of
@@ -16,43 +18,13 @@ import { useComboboxRoot, type ComboboxItems } from '../../combobox/root/useComb
  * suggestion fills the input rather than selecting a separate value. It reuses
  * every combobox part.
  */
-export function AutocompleteRoot(props: AutocompleteRoot.Props) {
-  const {
-    items,
-    inputValue,
-    defaultInputValue,
-    onInputValueChange,
-    open,
-    defaultOpen,
-    onOpenChange,
-    openOnFocus,
-    filter,
-    disabled = false,
-    children,
-  } = props;
-
-  const contextValue = useComboboxRoot({
-    mode: 'autocomplete',
-    items,
-    inputValue,
-    defaultInputValue,
-    onInputValueChange,
-    open,
-    defaultOpen,
-    onOpenChange,
-    openOnFocus,
-    filter,
-    disabled,
-  });
-
-  return (
-    <ComboboxRootContext.Provider value={contextValue}>{children}</ComboboxRootContext.Provider>
-  );
+export function AutocompleteRoot<Payload = unknown>(props: AutocompleteRoot.Props<Payload>) {
+  return useRenderComboboxRoot(props, 'autocomplete');
 }
 
 export interface AutocompleteRootState {}
 
-export interface AutocompleteRootProps {
+export interface AutocompleteRootProps<Payload = unknown> {
   /**
    * The suggestions. Strings, or `{ value, label }` records.
    */
@@ -66,39 +38,82 @@ export interface AutocompleteRootProps {
    */
   defaultInputValue?: string | undefined;
   /**
-   * Called as the input text changes.
+   * Event handler called as the input text changes.
    */
-  onInputValueChange?: ((value: string) => void) | undefined;
+  onInputValueChange?:
+    | ((value: string, eventDetails: AutocompleteRoot.ChangeEventDetails) => void)
+    | undefined;
   /**
-   * Whether the suggestion list is open.
+   * Whether the suggestion list is currently open.
    */
   open?: boolean | undefined;
   /**
-   * Whether the list is initially open when uncontrolled.
+   * Whether the list is initially open.
+   *
+   * To render a controlled autocomplete, use the `open` prop instead.
+   * @default false
    */
   defaultOpen?: boolean | undefined;
   /**
-   * Called when the list opens or closes.
+   * Event handler called when the list is opened or closed.
    */
-  onOpenChange?: ((open: boolean, event?: ZestNativeEvent) => void) | undefined;
+  onOpenChange?:
+    | ((open: boolean, eventDetails: AutocompleteRoot.ChangeEventDetails) => void)
+    | undefined;
   /**
    * Whether focusing the input opens the list.
    * @default true
    */
   openOnFocus?: boolean | undefined;
   /**
-   * A custom filter predicate. Defaults to a case-insensitive label match.
+   * A custom filter predicate. Defaults to a locale-aware label match, so
+   * "resume" finds "Résumé" — see `useFilter` to build your own.
    */
   filter?: ((item: ComboboxItem, query: string) => boolean) | undefined;
   /**
-   * Whether the autocomplete is disabled.
+   * Whether the component should ignore user interaction.
    * @default false
    */
   disabled?: boolean | undefined;
-  children?: React.ReactNode;
+  /**
+   * Whether to prevent the list from closing on presses outside the popup.
+   * @default false
+   */
+  disablePointerDismissal?: boolean | undefined;
+  /**
+   * A ref to imperative actions.
+   */
+  actionsRef?: React.RefObject<AutocompleteRoot.Actions | null> | undefined;
+  /**
+   * A handle associating this autocomplete with an input rendered outside it,
+   * and letting it be opened and closed imperatively. Create one with
+   * `Autocomplete.createHandle()`.
+   */
+  handle?: ComboboxHandle | undefined;
+  /**
+   * The id of the input the list is anchored to.
+   */
+  triggerId?: string | null | undefined;
+  /**
+   * The id of the input the list is initially anchored to.
+   */
+  defaultTriggerId?: string | null | undefined;
+  /**
+   * The content of the autocomplete.
+   *
+   * Pass a function to receive the payload the list was opened with.
+   */
+  children?: React.ReactNode | ((payload: Payload) => React.ReactNode);
 }
 
 export namespace AutocompleteRoot {
   export type State = AutocompleteRootState;
-  export type Props = AutocompleteRootProps;
+  export type Props<Payload = unknown> = AutocompleteRootProps<Payload>;
+  /**
+   * An autocomplete reuses the combobox store, so it reuses its event and
+   * action contracts too.
+   */
+  export type Actions = ComboboxRootActions;
+  export type ChangeEventReason = ComboboxRootChangeEventReason;
+  export type ChangeEventDetails = ComboboxRootChangeEventDetails;
 }

package/src/avatar/fallback/AvatarFallback.tsx

@@ -36,7 +36,9 @@ export function AvatarFallback(componentProps: AvatarFallback.Props) {
   return useRenderElement(View, componentProps, {
     state,
     ref,
-    props: elementProps,
+    // A fallback stands in for the image, so it announces as one too — the
+    // initials or icon inside it are what a screen reader reads out.
+    props: [{ accessibilityRole: 'image' as const }, elementProps],
     enabled: imageLoadingStatus !== 'loaded' && (delay === 0 || delayPassed),
   });
 }

package/src/avatar/image/AvatarImage.tsx

@@ -52,6 +52,11 @@ export function AvatarImage(componentProps: AvatarImage.Props) {
     ref,
     props: [
       {
+        // An avatar image is content, not decoration: without a role assistive
+        // tech has nothing to announce it as. Pass `accessibilityLabel` (or
+        // `alt`) for the person it depicts; leave it off and RN treats the
+        // image as unlabelled, which is the right default for a decorative one.
+        accessibilityRole: 'image' as const,
         onLoadStart() {
           publishStatus('loading');
         },

package/src/checkbox/root/CheckboxRoot.tsx

@@ -44,7 +44,9 @@ export function CheckboxRoot(componentProps: CheckboxRoot.Props) {
   const parentContext = groupContext?.parent;
   const isGroupedWithParent = parentContext != null && groupContext?.allValues != null;
 
-  const { fieldDisabled, fieldProps, validateField } = useFieldControlRegistration();
+  const { fieldDisabled, fieldProps, markChanged, markTouched } = useFieldControlRegistration({
+    initialValue: defaultChecked ?? checkedProp ?? false,
+  });
 
   const disabled = (groupContext?.disabled || disabledProp || fieldDisabled) ?? false;
 
@@ -133,7 +135,10 @@ export function CheckboxRoot(componentProps: CheckboxRoot.Props) {
           }
 
           setCheckedState(nextChecked);
-          validateField(nextChecked);
+          // A press is both the change and the end of the interaction: there is
+          // no blur on a checkbox to mark it touched later.
+          markChanged(nextChecked);
+          markTouched(nextChecked);
 
           if (value && groupValue && setGroupValue && !parent && !isGroupedWithParent) {
             const nextGroupValue = nextChecked