@xaui/native 0.0.26 → 0.0.28

package/dist/input/index.js

@@ -1,7 +1,7 @@
-import "../chunk-CZFDZPAS.js";
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-I4V5Y5GD.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/input/input.tsx
 import React, { forwardRef, useMemo as useMemo2, useState, useRef, useEffect } from "react";

package/dist/list/index.cjs

@@ -1,52 +1,19 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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; }require('../chunk-HSPTLUFA.cjs');
 
-// src/components/list/index.ts
-var list_exports = {};
-__export(list_exports, {
-  List: () => List,
-  ListBuilder: () => ListBuilder,
-  ListItem: () => ListItem
-});
-module.exports = __toCommonJS(list_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/list/list.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/list/list-context.ts
-var import_react = require("react");
-var ListContext = (0, import_react.createContext)(null);
+
+var ListContext = _react.createContext.call(void 0, null);
 
 // src/components/list/list.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   list: {
     flex: 1
   },
@@ -75,53 +42,12 @@ var styles = import_react_native.StyleSheet.create({
 });
 
 // src/components/list/list-divider.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-
-// src/core/theme-context.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native3 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
 
-// src/core/portal/portal.tsx
-var import_react3 = require("react");
 
-// src/core/portal/portal-context.ts
-var import_react2 = require("react");
-var PortalContext = (0, import_react2.createContext)(null);
-
-// src/core/portal/portal-host.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var hostStyles = import_react_native2.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react5.createContext)(null);
-
-// src/core/theme-hooks.ts
-var import_react6 = require("react");
-var import_react_native4 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react6.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
-
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
-
-// src/components/list/list-divider.tsx
 var ListDivider = () => {
-  const theme = useXUITheme();
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.View,
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [styles.divider, { backgroundColor: theme.colors.foreground + "30" }]
     }
@@ -129,10 +55,10 @@ var ListDivider = () => {
 };
 var ListChildren = ({ children, showDivider }) => {
   if (!showDivider) {
-    return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, children);
+    return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, children);
   }
-  const childArray = import_react7.Children.toArray(children);
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, childArray.map((child, index) => /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, { key: index }, child, index < childArray.length - 1 && /* @__PURE__ */ import_react7.default.createElement(ListDivider, null))));
+  const childArray = _react.Children.toArray(children);
+  return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, childArray.map((child, index) => /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, { key: index }, child, index < childArray.length - 1 && /* @__PURE__ */ _react2.default.createElement(ListDivider, null))));
 };
 
 // src/components/list/list.tsx
@@ -150,15 +76,15 @@ var List = ({
   style
 }) => {
   const isControlled = controlledSelectedKeys !== void 0;
-  const [internalSelectedKeys, setInternalSelectedKeys] = (0, import_react8.useState)(defaultSelectedKeys);
+  const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, defaultSelectedKeys);
   const selectedKeys = isControlled ? controlledSelectedKeys : internalSelectedKeys;
-  const isSelected = (0, import_react8.useCallback)(
+  const isSelected = _react.useCallback.call(void 0, 
     (key) => {
       return selectedKeys.includes(key);
     },
     [selectedKeys]
   );
-  const toggleSelection = (0, import_react8.useCallback)(
+  const toggleSelection = _react.useCallback.call(void 0, 
     (key) => {
       if (selectionMode === "none" || !isSelectable) {
         return;
@@ -172,7 +98,7 @@ var List = ({
       if (!isControlled) {
         setInternalSelectedKeys(newSelectedKeys);
       }
-      onSelectionChange?.(newSelectedKeys);
+      _optionalChain([onSelectionChange, 'optionalCall', _ => _(newSelectedKeys)]);
     },
     [
       selectionMode,
@@ -183,7 +109,7 @@ var List = ({
       onSelectionChange
     ]
   );
-  const contextValue = (0, import_react8.useMemo)(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       selectionMode,
       selectedKeys,
@@ -207,18 +133,18 @@ var List = ({
       isSelected
     ]
   );
-  return /* @__PURE__ */ import_react8.default.createElement(ListContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react8.default.createElement(import_react_native6.View, { style: [styles.list, style] }, /* @__PURE__ */ import_react8.default.createElement(ListChildren, { showDivider }, children)));
+  return /* @__PURE__ */ _react2.default.createElement(ListContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.list, style] }, /* @__PURE__ */ _react2.default.createElement(ListChildren, { showDivider }, children)));
 };
 
 // src/components/list/list-item.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
+
+
 
 // src/components/list/list.hook.ts
-var import_react9 = require("react");
+
 var useListItemSizeStyles = (size) => {
-  const theme = useXUITheme();
-  return (0, import_react9.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         paddingVertical: theme.spacing.sm,
@@ -250,7 +176,7 @@ var useListItemSizeStyles = (size) => {
 };
 
 // src/components/list/list-item.tsx
-var import_core3 = require("@xaui/core");
+var _core = require('@xaui/core');
 var ListItem = ({
   itemKey,
   title,
@@ -262,16 +188,16 @@ var ListItem = ({
   customAppearance,
   onPress
 }) => {
-  const context = (0, import_react10.useContext)(ListContext);
-  const theme = useXUITheme();
-  const selectionMode = context?.selectionMode ?? "none";
-  const isPressable = context?.isPressable ?? true;
-  const isSelectable = context?.isSelectable ?? false;
-  const themeColor = context?.themeColor ?? "primary";
-  const size = context?.size ?? "md";
-  const isSelected = propIsSelected ?? (context ? context.isSelected(itemKey) : false);
+  const context = _react.useContext.call(void 0, ListContext);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const selectionMode = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _2 => _2.selectionMode]), () => ( "none"));
+  const isPressable = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _3 => _3.isPressable]), () => ( true));
+  const isSelectable = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _4 => _4.isSelectable]), () => ( false));
+  const themeColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _5 => _5.themeColor]), () => ( "primary"));
+  const size = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _6 => _6.size]), () => ( "md"));
+  const isSelected = _nullishCoalesce(propIsSelected, () => ( (context ? context.isSelected(itemKey) : false)));
   const sizeStyles = useListItemSizeStyles(size);
-  const safeThemeColor = (0, import_core3.getSafeThemeColor)(themeColor);
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   const backgroundColor = isSelected ? colorScheme.background : "transparent";
   const titleColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground;
@@ -281,19 +207,19 @@ var ListItem = ({
       return;
     }
     if (isSelectable && selectionMode !== "none") {
-      context?.toggleSelection(itemKey);
+      _optionalChain([context, 'optionalAccess', _7 => _7.toggleSelection, 'call', _8 => _8(itemKey)]);
     }
-    onPress?.({});
+    _optionalChain([onPress, 'optionalCall', _9 => _9({})]);
   };
   const renderTitle = () => {
     if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ import_react10.default.createElement(
-        import_react_native7.Text,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.title,
             { fontSize: sizeStyles.titleSize, color: titleColor },
-            customAppearance?.title
+            _optionalChain([customAppearance, 'optionalAccess', _10 => _10.title])
           ],
           numberOfLines: 1
         },
@@ -305,13 +231,13 @@ var ListItem = ({
   const renderDescription = () => {
     if (!description) return null;
     if (typeof description === "string" || typeof description === "number") {
-      return /* @__PURE__ */ import_react10.default.createElement(
-        import_react_native7.Text,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.description,
             { fontSize: sizeStyles.descriptionSize, color: descriptionColor },
-            customAppearance?.description
+            _optionalChain([customAppearance, 'optionalAccess', _11 => _11.description])
           ],
           numberOfLines: 2
         },
@@ -320,8 +246,8 @@ var ListItem = ({
     }
     return description;
   };
-  const content = /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native7.View,
+  const content = /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.item,
@@ -331,18 +257,18 @@ var ListItem = ({
           backgroundColor
         },
         isDisabled && styles.disabled,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _12 => _12.container])
       ]
     },
-    startContent && /* @__PURE__ */ import_react10.default.createElement(import_react_native7.View, { style: customAppearance?.content }, startContent),
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native7.View, { style: [styles.content, customAppearance?.content] }, renderTitle(), renderDescription()),
-    endContent && /* @__PURE__ */ import_react10.default.createElement(import_react_native7.View, { style: customAppearance?.content }, endContent)
+    startContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _13 => _13.content]) }, startContent),
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.content, _optionalChain([customAppearance, 'optionalAccess', _14 => _14.content])] }, renderTitle(), renderDescription()),
+    endContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _15 => _15.content]) }, endContent)
   );
   if (!isPressable) {
     return content;
   }
-  return /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native7.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handlePress,
       disabled: isDisabled,
@@ -357,8 +283,8 @@ var ListItem = ({
 };
 
 // src/components/list/list-builder.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_react_native8 = require("react-native");
+
+
 function ListBuilder({
   data,
   keyExtractor,
@@ -375,17 +301,17 @@ function ListBuilder({
   style,
   flatListProps
 }) {
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const isControlled = controlledSelectedKeys !== void 0;
-  const [internalSelectedKeys, setInternalSelectedKeys] = (0, import_react11.useState)(defaultSelectedKeys);
+  const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, defaultSelectedKeys);
   const selectedKeys = isControlled ? controlledSelectedKeys : internalSelectedKeys;
-  const isSelected = (0, import_react11.useCallback)(
+  const isSelected = _react.useCallback.call(void 0, 
     (key) => {
       return selectedKeys.includes(key);
     },
     [selectedKeys]
   );
-  const toggleSelection = (0, import_react11.useCallback)(
+  const toggleSelection = _react.useCallback.call(void 0, 
     (key) => {
       if (selectionMode === "none" || !isSelectable) {
         return;
@@ -399,7 +325,7 @@ function ListBuilder({
       if (!isControlled) {
         setInternalSelectedKeys(newSelectedKeys);
       }
-      onSelectionChange?.(newSelectedKeys);
+      _optionalChain([onSelectionChange, 'optionalCall', _16 => _16(newSelectedKeys)]);
     },
     [
       selectionMode,
@@ -410,7 +336,7 @@ function ListBuilder({
       onSelectionChange
     ]
   );
-  const contextValue = (0, import_react11.useMemo)(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       selectionMode,
       selectedKeys,
@@ -434,14 +360,14 @@ function ListBuilder({
       isSelected
     ]
   );
-  const renderListItem = (0, import_react11.useCallback)(
+  const renderListItem = _react.useCallback.call(void 0, 
     (item, index) => {
       const element = renderItem(item, index);
       if (!showDivider || index === data.length - 1) {
-        return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, { key: keyExtractor(item, index) }, element);
+        return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, { key: keyExtractor(item, index) }, element);
       }
-      return /* @__PURE__ */ import_react11.default.createElement(import_react_native8.View, { key: keyExtractor(item, index) }, element, /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native8.View,
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: keyExtractor(item, index) }, element, /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: [
             styles.divider,
@@ -452,8 +378,8 @@ function ListBuilder({
     },
     [data.length, keyExtractor, renderItem, showDivider, theme.colors.foreground]
   );
-  return /* @__PURE__ */ import_react11.default.createElement(ListContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react11.default.createElement(import_react_native8.View, { style: [styles.list, style] }, /* @__PURE__ */ import_react11.default.createElement(
-    import_react_native8.FlatList,
+  return /* @__PURE__ */ _react2.default.createElement(ListContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.list, style] }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.FlatList,
     {
       data,
       keyExtractor,
@@ -462,9 +388,8 @@ function ListBuilder({
     }
   )));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  List,
-  ListBuilder,
-  ListItem
-});
+
+
+
+
+exports.List = List; exports.ListBuilder = ListBuilder; exports.ListItem = ListItem;

package/dist/list/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/list/list.tsx
 import React2, { useCallback, useMemo, useState } from "react";