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

package/dist/chunk-3FV4COTM.js

@@ -0,0 +1,68 @@
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-URSKA2VR.js";
+
+// src/system/icon/icon-context.ts
+import { createContext, useContext } from "react";
+var IconContext = createContext({});
+IconContext.displayName = "XAUI.Icon.Context";
+function useIconContext() {
+  return useContext(IconContext);
+}
+
+// src/system/icon/icon.tsx
+import { cloneElement, isValidElement } from "react";
+import { Image } from "react-native";
+import { jsx } from "react/jsx-runtime";
+function Icon(props) {
+  const inherited = useIconContext();
+  const theme = useXAUITheme();
+  const size = props.size ?? inherited.size ?? theme.fontSizes.md;
+  const color = props.color ?? inherited.color ?? theme.colors.foreground;
+  if (props.as) {
+    const Component = props.as;
+    return /* @__PURE__ */ jsx(Component, { size, color });
+  }
+  if (isValidElement(props.children)) {
+    return cloneElement(props.children, {
+      width: size,
+      height: size,
+      color
+    });
+  }
+  if (props.source) return /* @__PURE__ */ jsx(IconImage, { ...props, resolved: { size, color } });
+  throw new Error(
+    "XAUI: Icon needs one of `as` (an icon component), a raw SVG element as its child, or `source` (an image). It renders nothing on its own."
+  );
+}
+Icon.displayName = "XAUI.Icon";
+function IconImage({
+  source,
+  style,
+  resolved,
+  size: _size,
+  color: _color,
+  ...props
+}) {
+  const [styleProps] = useStyleProps(props);
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      source,
+      style: [
+        { width: resolved.size, height: resolved.size, tintColor: resolved.color },
+        styleProps,
+        style
+      ]
+    }
+  );
+}
+
+export {
+  IconContext,
+  useIconContext,
+  Icon
+};

package/dist/chunk-423RQBOX.js

@@ -0,0 +1,21 @@
+// src/hooks/use-press-state.ts
+import { useCallback, useRef, useState } from "react";
+function usePressState(handlers = {}) {
+  const [isPressed, setIsPressed] = useState(false);
+  const latest = useRef(handlers);
+  latest.current = handlers;
+  const onPressIn = useCallback((event) => {
+    setIsPressed(true);
+    latest.current.onPressIn?.(event);
+  }, []);
+  const onPressOut = useCallback((event) => {
+    setIsPressed(false);
+    latest.current.onPressOut?.(event);
+  }, []);
+  const press = useRef({ onPressIn, onPressOut }).current;
+  return [isPressed, press];
+}
+
+export {
+  usePressState
+};