@xaui/native 0.9.1-alpha.3 → 0.9.1-alpha.30

package/dist/chunk-7EIHHOHP.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
+
+// src/hooks/use-controllable-state.ts
+var _react = require('react');
+function useControllableState({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const [uncontrolled, setUncontrolled] = _react.useState.call(void 0, defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : uncontrolled;
+  useControlWarning(isControlled);
+  const latest = _react.useRef.call(void 0, current);
+  latest.current = current;
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  onChangeRef.current = onChange;
+  const controlled = _react.useRef.call(void 0, isControlled);
+  controlled.current = isControlled;
+  const set = _react.useCallback.call(void 0, (next) => {
+    const resolved = typeof next === "function" ? next(latest.current) : next;
+    if (resolved === latest.current) return;
+    if (!controlled.current) setUncontrolled(resolved);
+    _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(resolved)]);
+  }, []);
+  return [current, set];
+}
+function useControlWarning(isControlled) {
+  const wasControlled = _react.useRef.call(void 0, isControlled);
+  if (wasControlled.current !== isControlled) {
+    _chunkEJQCQPETcjs.warnDev.call(void 0, 
+      `a component switched from ${wasControlled.current ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}. Decide for the life of the component: pass \`value\` always, or never. Passing \`undefined\` for a value you do control reads as "uncontrolled" here.`
+    );
+    wasControlled.current = isControlled;
+  }
+}
+
+
+
+exports.useControllableState = useControllableState;

package/dist/chunk-7SEZGVTY.js

@@ -0,0 +1,62 @@
+import {
+  useStyleProps
+} from "./chunk-URSKA2VR.js";
+
+// src/system/portal/portal.tsx
+import { useContext, useId, useLayoutEffect } from "react";
+
+// src/system/portal/portal-context.ts
+import { createContext } from "react";
+var PortalContext = createContext(null);
+
+// src/system/portal/portal.tsx
+function Portal({ children }) {
+  const context = useContext(PortalContext);
+  const key = useId();
+  useLayoutEffect(() => {
+    context?.addPortal(key, children);
+  }, [children, context, key]);
+  useLayoutEffect(() => {
+    return () => context?.removePortal(key);
+  }, [context, key]);
+  return null;
+}
+Portal.displayName = "XAUI.Portal";
+
+// src/system/portal/portal-host.tsx
+import { Fragment, useCallback, useMemo, useState } from "react";
+import { StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = StyleSheet.create({
+  container: { flex: 1 }
+});
+function PortalHost({ children, ...props }) {
+  const [styleProps] = useStyleProps(props);
+  const [portals, setPortals] = useState(/* @__PURE__ */ new Map());
+  const addPortal = useCallback((key, element) => {
+    setPortals((current) => new Map(current).set(key, element));
+  }, []);
+  const removePortal = useCallback((key) => {
+    setPortals((current) => {
+      if (!current.has(key)) return current;
+      const next = new Map(current);
+      next.delete(key);
+      return next;
+    });
+  }, []);
+  const methods = useMemo(
+    () => ({ addPortal, removePortal }),
+    [addPortal, removePortal]
+  );
+  return /* @__PURE__ */ jsx(PortalContext.Provider, { value: methods, children: /* @__PURE__ */ jsxs(View, { style: [styles.container, styleProps], children: [
+    children,
+    Array.from(portals, ([key, element]) => /* @__PURE__ */ jsx(Fragment, { children: element }, key))
+  ] }) });
+}
+PortalHost.displayName = "XAUI.PortalHost";
+
+export {
+  PortalContext,
+  Portal,
+  PortalHost
+};

package/dist/chunk-7XKQJQF2.cjs

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+
+// src/hooks/use-merged-ref.ts
+var _react = require('react');
+function useMergedRef(...refs) {
+  return _react.useMemo.call(void 0, () => _chunkGLGU2WFLcjs.mergeRefs.call(void 0, ...refs), refs);
+}
+
+// src/hooks/use-previous.ts
+
+function usePrevious(value) {
+  const previous = _react.useRef.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => {
+    previous.current = value;
+  }, [value]);
+  return previous.current;
+}
+
+// src/hooks/use-rotation.ts
+
+var _reactnativereanimated = require('react-native-reanimated');
+var ROTATION_DURATION = 900;
+const _worklet_4260628533630_init_data = {
+  code: "function chunk7XKQJQF2Cjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-7XKQJQF2.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk7XKQJQF2Cjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-7XKQJQF2.cjs\"],\"mappings\":\"AAyC8D,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAEhE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+};
+function useRotation() {
+  const angle = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    angle.value = _reactnativereanimated.withRepeat.call(void 0, _reactnativereanimated.withTiming.call(void 0, 360, {
+      duration: ROTATION_DURATION,
+      easing: _reactnativereanimated.Easing.linear
+    }), -1, false);
+    return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
+  }, [angle]);
+  return _reactnativereanimated.useAnimatedStyle.call(void 0, function chunk7XKQJQF2Cjs1Factory({
+    _worklet_4260628533630_init_data,
+    angle
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunk7XKQJQF2Cjs1 = function () {
+      return {
+        transform: [{
+          rotate: `${angle.value}deg`
+        }]
+      };
+    };
+    chunk7XKQJQF2Cjs1.__closure = {
+      angle
+    };
+    chunk7XKQJQF2Cjs1.__workletHash = 4260628533630;
+    chunk7XKQJQF2Cjs1.__pluginVersion = "0.7.4";
+    chunk7XKQJQF2Cjs1.__initData = _worklet_4260628533630_init_data;
+    chunk7XKQJQF2Cjs1.__stackDetails = _e;
+    return chunk7XKQJQF2Cjs1;
+  }({
+    _worklet_4260628533630_init_data,
+    angle
+  }), [angle]);
+}
+exports.useMergedRef = useMergedRef;
+exports.usePrevious = usePrevious;
+exports.ROTATION_DURATION = ROTATION_DURATION;
+exports.useRotation = useRotation;

package/dist/{chunk-X2K2FX3W.js → chunk-A3EGFI6T.js}

@@ -107,7 +107,10 @@ function deriveTint(tint, theme) {
     foreground,
     soft: alpha(tint, 0.15),
     softForeground: mix(tint, theme.colors.foreground, 0.2),
-    pressed: mix(tint, foreground, 0.1),
+    // Towards the mode's ink, not the tint's own foreground — the same single direction
+    // the token layer takes (P2-API-REVIEW §E). A raw tint has to behave like `accent`
+    // under the finger as much as it does at rest.
+    pressed: mix(tint, theme.colors.foreground, 0.1),
     softPressed: alpha(tint, 0.2)
   };
   cache.set(key, derived);
@@ -119,7 +122,9 @@ export {
   useXAUITheme,
   useColorMode,
   useThemeColor,
+  isHex,
   mix,
   alpha,
+  contrastOn,
   deriveTint
 };