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

package/dist/chunk-WR7YLDVV.cjs

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+
+// src/system/icon/icon-context.ts
+var _react = require('react');
+var IconContext = _react.createContext.call(void 0, {});
+IconContext.displayName = "XAUI.Icon.Context";
+function useIconContext() {
+  return _react.useContext.call(void 0, IconContext);
+}
+
+// src/system/icon/icon.tsx
+
+var _reactnative = require('react-native');
+var _jsxruntime = require('react/jsx-runtime');
+function Icon(props) {
+  const inherited = useIconContext();
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const size = _nullishCoalesce(_nullishCoalesce(props.size, () => ( inherited.size)), () => ( theme.fontSizes.md));
+  const color = _nullishCoalesce(_nullishCoalesce(props.color, () => ( inherited.color)), () => ( theme.colors.foreground));
+  if (props.as) {
+    const Component = props.as;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { size, color });
+  }
+  if (_react.isValidElement.call(void 0, props.children)) {
+    return _react.cloneElement.call(void 0, props.children, {
+      width: size,
+      height: size,
+      color
+    });
+  }
+  if (props.source) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnative.Image,
+    {
+      source,
+      style: [
+        { width: resolved.size, height: resolved.size, tintColor: resolved.color },
+        styleProps,
+        style
+      ]
+    }
+  );
+}
+
+
+
+
+
+exports.IconContext = IconContext; exports.useIconContext = useIconContext; exports.Icon = Icon;