@xaui/native 0.0.26 → 0.0.28

package/dist/expansion-panel/index.cjs

@@ -1,49 +1,21 @@
-"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; }
 
-// src/components/expansion-panel/index.ts
-var expansion_panel_exports = {};
-__export(expansion_panel_exports, {
-  ExpansionPanel: () => ExpansionPanel,
-  ExpansionPanelItem: () => ExpansionPanelItem
-});
-module.exports = __toCommonJS(expansion_panel_exports);
+var _chunkBD72HIPRcjs = require('../chunk-BD72HIPR.cjs');
+require('../chunk-HSPTLUFA.cjs');
+
+
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/expansion-panel/expansion-panel.tsx
-var import_react14 = __toESM(require("react"), 1);
-var import_react_native9 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/expansion-panel/expansion-panel-context.ts
-var import_react = require("react");
-var ExpansionPanelContext = (0, import_react.createContext)(void 0);
+
+var ExpansionPanelContext = _react.createContext.call(void 0, void 0);
 var useExpansionPanelContext = () => {
-  const context = (0, import_react.useContext)(ExpansionPanelContext);
+  const context = _react.useContext.call(void 0, ExpansionPanelContext);
   if (!context) {
     throw new Error(
       "ExpansionPanelItem must be used within an ExpansionPanel component"
@@ -53,59 +25,14 @@ var useExpansionPanelContext = () => {
 };
 
 // src/components/expansion-panel/expansion-panel.hook.ts
-var import_react7 = require("react");
-
-// src/core/theme-context.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native2 = 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_native = require("react-native");
-var hostStyles = import_react_native.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_native3 = 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;
-}
-function useXUIPalette() {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => theme.palette, [theme]);
-}
-
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
-
-// src/components/expansion-panel/expansion-panel.hook.ts
 var useExpansionPanelStyles = ({
   variant,
   fullWidth
 }) => {
-  const theme = useXUITheme();
-  const palette2 = useXUIPalette();
-  const containerStyles = (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const palette2 = _chunkOQ2BLOOGcjs.useXUIPalette.call(void 0, );
+  const containerStyles = _react.useMemo.call(void 0, () => {
     const base = {};
     if (fullWidth) {
       base.width = "100%";
@@ -129,17 +56,17 @@ var useExpansionPanelSelection = ({
   defaultExpandedKeys,
   onSelectionChange
 }) => {
-  const [internalExpandedKeys, setInternalExpandedKeys] = (0, import_react7.useState)(defaultExpandedKeys);
+  const [internalExpandedKeys, setInternalExpandedKeys] = _react.useState.call(void 0, defaultExpandedKeys);
   const isControlled = expandedKeys !== void 0;
   const currentExpandedKeys = isControlled ? expandedKeys : internalExpandedKeys;
-  const toggleItem = (0, import_react7.useCallback)(
+  const toggleItem = _react.useCallback.call(void 0, 
     (key) => {
       const isExpanded = currentExpandedKeys.includes(key);
       const newExpandedKeys = selectionMode === "toggle" ? isExpanded ? [] : [key] : isExpanded ? currentExpandedKeys.filter((k) => k !== key) : [...currentExpandedKeys, key];
       if (!isControlled) {
         setInternalExpandedKeys(newExpandedKeys);
       }
-      onSelectionChange?.(newExpandedKeys);
+      _optionalChain([onSelectionChange, 'optionalCall', _ => _(newExpandedKeys)]);
     },
     [selectionMode, currentExpandedKeys, isControlled, onSelectionChange]
   );
@@ -152,7 +79,7 @@ var useExpansionPanelContextValue = (config) => {
     defaultExpandedKeys: config.defaultExpandedKeys,
     onSelectionChange: config.onSelectionChange
   });
-  return (0, import_react7.useMemo)(
+  return _react.useMemo.call(void 0, 
     () => ({
       variant: config.variant,
       hideIndicator: config.hideIndicator,
@@ -177,12 +104,12 @@ var useExpansionPanelContextValue = (config) => {
 };
 
 // src/components/expansion-panel/expansion-panel-item.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+
+
 
 // src/components/expansion-panel/expansion-panel-item.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   startContent: {
     flexShrink: 0
   },
@@ -205,62 +132,65 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/expansion-panel/expansion-panel-item.hook.ts
-var import_react8 = require("react");
-var import_react_native5 = require("react-native");
-var import_palette2 = require("@xaui/core/palette");
-var import_core3 = require("@xaui/core");
+
+
+
+
+
+var _palette = require('@xaui/core/palette');
+var _core = require('@xaui/core');
 var useExpansionPanelItemState = (itemKey) => {
   const context = useExpansionPanelContext();
-  const resolvedItemKey = itemKey ?? "";
+  const resolvedItemKey = _nullishCoalesce(itemKey, () => ( ""));
   const isExpanded = resolvedItemKey ? context.expandedKeys.includes(resolvedItemKey) : false;
   const isDisabled = resolvedItemKey ? context.disabledKeys.includes(resolvedItemKey) : false;
-  const handlePress = (0, import_react8.useCallback)(() => {
+  const handlePress = _react.useCallback.call(void 0, () => {
     if (isDisabled || !resolvedItemKey) return;
     context.toggleItem(resolvedItemKey);
   }, [isDisabled, resolvedItemKey, context]);
   return { ...context, resolvedItemKey, isExpanded, isDisabled, handlePress };
 };
 var useExpansionPanelItemAnimation = (isExpanded, disableAnimation) => {
-  const [contentHeight, setContentHeight] = (0, import_react8.useState)(0);
-  const [isMeasured, setIsMeasured] = (0, import_react8.useState)(false);
-  const animatedHeight = (0, import_react8.useRef)(new import_react_native5.Animated.Value(isExpanded ? 1 : 0)).current;
-  const animatedRotation = (0, import_react8.useRef)(new import_react_native5.Animated.Value(isExpanded ? 1 : 0)).current;
-  const prevContentHeight = (0, import_react8.useRef)(contentHeight);
-  (0, import_react8.useEffect)(() => {
+  const [contentHeight, setContentHeight] = _react.useState.call(void 0, 0);
+  const [isMeasured, setIsMeasured] = _react.useState.call(void 0, false);
+  const animatedHeight = _react.useRef.call(void 0, new _reactnative.Animated.Value(isExpanded ? 1 : 0)).current;
+  const animatedRotation = _react.useRef.call(void 0, new _reactnative.Animated.Value(isExpanded ? 1 : 0)).current;
+  const prevContentHeight = _react.useRef.call(void 0, contentHeight);
+  _react.useEffect.call(void 0, () => {
     if (disableAnimation) {
       animatedHeight.setValue(isExpanded ? 1 : 0);
       animatedRotation.setValue(isExpanded ? 1 : 0);
       return;
     }
-    import_react_native5.Animated.parallel([
-      import_react_native5.Animated.timing(animatedHeight, {
+    _reactnative.Animated.parallel([
+      _reactnative.Animated.timing(animatedHeight, {
         toValue: isExpanded ? 1 : 0,
         duration: 300,
-        easing: import_react_native5.Easing.bezier(0.4, 0, 0.2, 1),
+        easing: _reactnative.Easing.bezier(0.4, 0, 0.2, 1),
         useNativeDriver: false
       }),
-      import_react_native5.Animated.timing(animatedRotation, {
+      _reactnative.Animated.timing(animatedRotation, {
         toValue: isExpanded ? 1 : 0,
         duration: 300,
-        easing: import_react_native5.Easing.bezier(0.4, 0, 0.2, 1),
+        easing: _reactnative.Easing.bezier(0.4, 0, 0.2, 1),
         useNativeDriver: true
       })
     ]).start();
   }, [isExpanded, disableAnimation, animatedHeight, animatedRotation]);
-  (0, import_react8.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (contentHeight <= 0 || contentHeight === prevContentHeight.current || !isExpanded)
       return;
     prevContentHeight.current = contentHeight;
     if (!disableAnimation && isMeasured) {
-      import_react_native5.Animated.timing(animatedHeight, {
+      _reactnative.Animated.timing(animatedHeight, {
         toValue: 1,
         duration: 200,
-        easing: import_react_native5.Easing.out(import_react_native5.Easing.ease),
+        easing: _reactnative.Easing.out(_reactnative.Easing.ease),
         useNativeDriver: false
       }).start();
     }
   }, [contentHeight, isExpanded, disableAnimation, isMeasured, animatedHeight]);
-  const onContentLayout = (0, import_react8.useCallback)((event) => {
+  const onContentLayout = _react.useCallback.call(void 0, (event) => {
     const height = event.nativeEvent.layout.height;
     if (height > 0) {
       setContentHeight(height);
@@ -283,12 +213,12 @@ var useExpansionPanelItemAnimation = (isExpanded, disableAnimation) => {
   };
 };
 var useBaseStyles = (variant, isDisabled) => {
-  const theme = useXUITheme();
-  const baseStyles = (0, import_react8.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const baseStyles = _react.useMemo.call(void 0, () => {
     const base = { overflow: "hidden" };
     if (variant === "splitted") {
       base.paddingHorizontal = theme.spacing.md;
-      base.backgroundColor = (0, import_core3.withOpacity)(theme.colors.default.background, 0.5);
+      base.backgroundColor = _core.withOpacity.call(void 0, theme.colors.default.background, 0.5);
       base.borderRadius = theme.borderRadius.md;
       base.marginBottom = theme.spacing.xs;
     } else if (variant === "bordered") {
@@ -302,8 +232,8 @@ var useBaseStyles = (variant, isDisabled) => {
   return baseStyles;
 };
 var useTriggerStyles = (variant, isCompact) => {
-  const theme = useXUITheme();
-  const triggerStyles = (0, import_react8.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const triggerStyles = _react.useMemo.call(void 0, () => {
     const trigger = {
       flexDirection: "row",
       alignItems: "center",
@@ -318,8 +248,8 @@ var useTriggerStyles = (variant, isCompact) => {
   return triggerStyles;
 };
 var useTitleTextStyle = (isCompact) => {
-  const theme = useXUITheme();
-  const titleTextStyle = (0, import_react8.useMemo)(
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const titleTextStyle = _react.useMemo.call(void 0, 
     () => ({
       fontSize: isCompact ? theme.fontSizes.md : theme.fontSizes.lg,
       fontWeight: theme.fontWeights.medium,
@@ -330,11 +260,11 @@ var useTitleTextStyle = (isCompact) => {
   return titleTextStyle;
 };
 var useSubtitleTextStyle = () => {
-  const theme = useXUITheme();
-  const subtitleTextStyle = (0, import_react8.useMemo)(
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const subtitleTextStyle = _react.useMemo.call(void 0, 
     () => ({
       fontSize: theme.fontSizes.sm,
-      color: import_palette2.colors.gray[500],
+      color: _palette.colors.gray[500],
       marginTop: theme.spacing.xs
     }),
     [theme]
@@ -342,8 +272,8 @@ var useSubtitleTextStyle = () => {
   return subtitleTextStyle;
 };
 var useContentContainerStyle = (isCompact, variant) => {
-  const theme = useXUITheme();
-  const contentContainerStyle = (0, import_react8.useMemo)(
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const contentContainerStyle = _react.useMemo.call(void 0, 
     () => ({
       paddingBottom: isCompact ? theme.spacing.xs : theme.spacing.sm,
       paddingHorizontal: variant === "light" ? theme.spacing.sm : 0
@@ -353,19 +283,19 @@ var useContentContainerStyle = (isCompact, variant) => {
   return contentContainerStyle;
 };
 var useForegroundColor = () => {
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   return theme.colors.foreground;
 };
 
 // src/components/expansion-panel/chevron-right-icon.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
+
+var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
 var ChevronRightIcon = ({
   color = "#000",
   size = 20
 }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native_svg.Path,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Path,
     {
       d: "M9 18l6-6-6-6",
       stroke: color,
@@ -398,7 +328,7 @@ var ExpansionPanelItem = ({
   } = useExpansionPanelItemState(itemKey);
   const handlePress = () => {
     togglePress();
-    onSelected?.(!isExpanded);
+    _optionalChain([onSelected, 'optionalCall', _2 => _2(!isExpanded)]);
   };
   const { onContentLayout, heightInterpolation, rotationInterpolation } = useExpansionPanelItemAnimation(isExpanded, disableAnimation);
   const baseStyles = useBaseStyles(variant, isDisabled);
@@ -407,50 +337,50 @@ var ExpansionPanelItem = ({
   const subtitleTextStyle = useSubtitleTextStyle();
   const contentContainerStyle = useContentContainerStyle(isCompact, variant);
   const foregroundColor = useForegroundColor();
-  return /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: [baseStyles, customAppearance?.base] }, /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: customAppearance?.heading }, /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native6.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [baseStyles, _optionalChain([customAppearance, 'optionalAccess', _3 => _3.base])] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _4 => _4.heading]) }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
-      style: [triggerStyles, customAppearance?.trigger],
+      style: [triggerStyles, _optionalChain([customAppearance, 'optionalAccess', _5 => _5.trigger])],
       onPress: handlePress,
       disabled: isDisabled,
       accessibilityRole: "button",
       accessibilityState: { expanded: isExpanded, disabled: isDisabled }
     },
-    startContent && /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: [styles.startContent, customAppearance?.startContent] }, startContent),
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: styles.titleWrapper }, typeof title === "string" ? /* @__PURE__ */ import_react10.default.createElement(import_react_native6.Text, { style: [titleTextStyle, customAppearance?.title] }, title) : title, subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ import_react10.default.createElement(import_react_native6.Text, { style: [subtitleTextStyle, customAppearance?.subtitle] }, subtitle) : subtitle)),
-    !hideIndicator && /* @__PURE__ */ import_react10.default.createElement(
-      import_react_native6.Animated.View,
+    startContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.startContent, _optionalChain([customAppearance, 'optionalAccess', _6 => _6.startContent])] }, startContent),
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.titleWrapper }, typeof title === "string" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [titleTextStyle, _optionalChain([customAppearance, 'optionalAccess', _7 => _7.title])] }, title) : title, subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [subtitleTextStyle, _optionalChain([customAppearance, 'optionalAccess', _8 => _8.subtitle])] }, subtitle) : subtitle)),
+    !hideIndicator && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         style: [
           styles.indicator,
-          customAppearance?.indicator,
+          _optionalChain([customAppearance, 'optionalAccess', _9 => _9.indicator]),
           { transform: [{ rotate: rotationInterpolation }] }
         ]
       },
-      indicator || /* @__PURE__ */ import_react10.default.createElement(ChevronRightIcon, { color: foregroundColor })
+      indicator || /* @__PURE__ */ _react2.default.createElement(ChevronRightIcon, { color: foregroundColor })
     )
-  )), /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: styles.hiddenMeasure, pointerEvents: "none" }, /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native6.View,
+  )), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.hiddenMeasure, pointerEvents: "none" }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       onLayout: onContentLayout,
-      style: [contentContainerStyle, customAppearance?.content]
+      style: [contentContainerStyle, _optionalChain([customAppearance, 'optionalAccess', _10 => _10.content])]
     },
     children
-  )), /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native6.Animated.View,
+  )), /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       style: [
         styles.contentOverflow,
         disableAnimation ? { height: isExpanded ? void 0 : 0 } : { height: heightInterpolation }
       ]
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: [contentContainerStyle, customAppearance?.content] }, children)
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [contentContainerStyle, _optionalChain([customAppearance, 'optionalAccess', _11 => _11.content])] }, children)
   ));
 };
 ExpansionPanelItem.displayName = "ExpansionPanelItem";
 
 // src/components/expansion-panel/expansion-panel.utils.ts
-var import_react11 = __toESM(require("react"), 1);
+
 var getItemKey = (value, fallback) => {
   if (value === null || value === void 0) return String(fallback);
   if (typeof value === "string" || typeof value === "number") return String(value);
@@ -460,7 +390,7 @@ var normalizeElementKey = (value) => {
   if (typeof value !== "string") return value;
   return value.startsWith(".$") ? value.slice(2) : value.startsWith(".") ? value.slice(1) : value;
 };
-var isExpansionPanelItem = (value) => import_react11.default.isValidElement(value) && (value.type === ExpansionPanelItem || typeof value.type === "function" && value.type.displayName === "ExpansionPanelItem");
+var isExpansionPanelItem = (value) => _react2.default.isValidElement(value) && (value.type === ExpansionPanelItem || typeof value.type === "function" && value.type.displayName === "ExpansionPanelItem");
 var buildExpansionPanelContextParams = (props) => {
   return {
     variant: props.variant || "light",
@@ -476,74 +406,6 @@ var buildExpansionPanelContextParams = (props) => {
   };
 };
 
-// src/components/divider/divider.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react_native8 = require("react-native");
-
-// src/components/divider/divider.style.ts
-var import_react_native7 = require("react-native");
-var styles2 = import_react_native7.StyleSheet.create({
-  horizontal: {
-    height: 1,
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%"
-  },
-  vertical: {
-    width: 1,
-    alignSelf: "stretch"
-  }
-});
-
-// src/components/divider/divider.hook.ts
-var import_react12 = require("react");
-var import_core5 = require("@xaui/core");
-var useDividerColor = (themeColor, customColor) => {
-  const theme = useXUITheme();
-  const dividerColor = (0, import_react12.useMemo)(() => {
-    if (customColor) {
-      return customColor;
-    }
-    const safeThemeColor = (0, import_core5.getSafeThemeColor)(themeColor);
-    return theme.colors[safeThemeColor].main;
-  }, [customColor, themeColor, theme]);
-  return dividerColor;
-};
-var useDividerSize = (size, orientation) => {
-  const sizeStyles = (0, import_react12.useMemo)(() => {
-    if (orientation === "horizontal") {
-      return {
-        height: size
-      };
-    }
-    return {
-      width: size
-    };
-  }, [size, orientation]);
-  return sizeStyles;
-};
-
-// src/components/divider/divider.tsx
-var Divider = ({
-  size = 1,
-  themeColor = "default",
-  color,
-  orientation = "horizontal"
-}) => {
-  const dividerColor = useDividerColor(themeColor, color);
-  const sizeStyles = useDividerSize(size, orientation);
-  return /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native8.View,
-    {
-      style: [
-        orientation === "horizontal" ? styles2.horizontal : styles2.vertical,
-        sizeStyles,
-        { backgroundColor: dividerColor }
-      ]
-    }
-  );
-};
-
 // src/components/expansion-panel/expansion-panel.tsx
 var ExpansionPanel = (props) => {
   const {
@@ -559,22 +421,21 @@ var ExpansionPanel = (props) => {
   });
   const contextParams = buildExpansionPanelContextParams(props);
   const contextValue = useExpansionPanelContextValue(contextParams);
-  const childrenArray = import_react14.default.Children.toArray(children);
-  return /* @__PURE__ */ import_react14.default.createElement(ExpansionPanelContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react14.default.createElement(import_react_native9.View, { style: [containerStyles, customAppearance?.container] }, childrenArray.map((child, index) => {
+  const childrenArray = _react2.default.Children.toArray(children);
+  return /* @__PURE__ */ _react2.default.createElement(ExpansionPanelContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [containerStyles, _optionalChain([customAppearance, 'optionalAccess', _12 => _12.container])] }, childrenArray.map((child, index) => {
     const isLast = index === childrenArray.length - 1;
     const showBottomDivider = (showDivider || variant === "bordered") && !isLast && variant !== "splitted";
     const resolvedChildKey = isExpansionPanelItem(child) ? getItemKey(
-      child.props.itemKey ?? normalizeElementKey(child.key),
+      _nullishCoalesce(child.props.itemKey, () => ( normalizeElementKey(child.key))),
       index
     ) : getItemKey(
-      import_react14.default.isValidElement(child) ? normalizeElementKey(child.key) : void 0,
+      _react2.default.isValidElement(child) ? normalizeElementKey(child.key) : void 0,
       index
     );
-    return /* @__PURE__ */ import_react14.default.createElement(import_react_native9.View, { key: resolvedChildKey, style: customAppearance?.item }, isExpansionPanelItem(child) ? import_react14.default.cloneElement(child, { itemKey: resolvedChildKey }) : child, showBottomDivider && /* @__PURE__ */ import_react14.default.createElement(Divider, { color: dividerColor, size: 1 }));
+    return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: resolvedChildKey, style: _optionalChain([customAppearance, 'optionalAccess', _13 => _13.item]) }, isExpansionPanelItem(child) ? _react2.default.cloneElement(child, { itemKey: resolvedChildKey }) : child, showBottomDivider && /* @__PURE__ */ _react2.default.createElement(_chunkBD72HIPRcjs.Divider, { color: dividerColor, size: 1 }));
   })));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ExpansionPanel,
-  ExpansionPanelItem
-});
+
+
+
+exports.ExpansionPanel = ExpansionPanel; exports.ExpansionPanelItem = ExpansionPanelItem;

package/dist/expansion-panel/index.js

@@ -1,10 +1,11 @@
 import {
   Divider
-} from "../chunk-ULJSCNPE.js";
+} from "../chunk-LUBWRVI2.js";
+import "../chunk-DXXNBF5P.js";
 import {
   useXUIPalette,
   useXUITheme
-} from "../chunk-GHCVNQET.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/expansion-panel/expansion-panel.tsx
 import React4 from "react";