@xaui/native 0.0.21 → 0.0.23

package/dist/{accordion → expansion-panel}/index.js

@@ -7,26 +7,26 @@ import {
   useXUITheme
 } from "../chunk-LTKYHG5V.js";
 
-// src/components/accordion/accordion.tsx
+// src/components/expansion-panel/expansion-panel.tsx
 import React4 from "react";
 import { View as View2 } from "react-native";
 
-// src/components/accordion/accordion-context.ts
+// src/components/expansion-panel/expansion-panel-context.ts
 import { createContext, useContext } from "react";
-var AccordionContext = createContext(
+var ExpansionPanelContext = createContext(
   void 0
 );
-var useAccordionContext = () => {
-  const context = useContext(AccordionContext);
+var useExpansionPanelContext = () => {
+  const context = useContext(ExpansionPanelContext);
   if (!context) {
-    throw new Error("AccordionItem must be used within an Accordion component");
+    throw new Error("ExpansionPanelItem must be used within an ExpansionPanel component");
   }
   return context;
 };
 
-// src/components/accordion/accordion.hook.ts
+// src/components/expansion-panel/expansion-panel.hook.ts
 import { useState, useCallback, useMemo } from "react";
-var useAccordionStyles = ({
+var useExpansionPanelStyles = ({
   variant,
   fullWidth
 }) => {
@@ -52,7 +52,7 @@ var useAccordionStyles = ({
   const dividerOpacity = variant === "bordered" ? 1 : 0.2;
   return { containerStyles, dividerColor, dividerOpacity };
 };
-var useAccordionSelection = ({
+var useExpansionPanelSelection = ({
   selectionMode,
   expandedKeys,
   defaultExpandedKeys,
@@ -74,8 +74,8 @@ var useAccordionSelection = ({
   );
   return { currentExpandedKeys, toggleItem };
 };
-var useAccordionContextValue = (config) => {
-  const { currentExpandedKeys, toggleItem } = useAccordionSelection({
+var useExpansionPanelContextValue = (config) => {
+  const { currentExpandedKeys, toggleItem } = useExpansionPanelSelection({
     selectionMode: config.selectionMode,
     expandedKeys: config.expandedKeys,
     defaultExpandedKeys: config.defaultExpandedKeys,
@@ -105,11 +105,11 @@ var useAccordionContextValue = (config) => {
   );
 };
 
-// src/components/accordion/accordion-item.tsx
+// src/components/expansion-panel/expansion-panel-item.tsx
 import React2 from "react";
 import { View, Text, Pressable, Animated as Animated2 } from "react-native";
 
-// src/components/accordion/accordion-item.style.ts
+// src/components/expansion-panel/expansion-panel-item.style.ts
 import { StyleSheet } from "react-native";
 var styles = StyleSheet.create({
   startContent: {
@@ -133,7 +133,7 @@ var styles = StyleSheet.create({
   }
 });
 
-// src/components/accordion/accordion-item.hook.ts
+// src/components/expansion-panel/expansion-panel-item.hook.ts
 import { useRef, useEffect, useState as useState2, useMemo as useMemo2, useCallback as useCallback2 } from "react";
 import {
   Animated,
@@ -141,8 +141,8 @@ import {
 } from "react-native";
 import { colors as palette } from "@xaui/core/palette";
 import { withOpacity } from "@xaui/core";
-var useAccordionItemState = (itemKey) => {
-  const context = useAccordionContext();
+var useExpansionPanelItemState = (itemKey) => {
+  const context = useExpansionPanelContext();
   const resolvedItemKey = itemKey ?? "";
   const isExpanded = resolvedItemKey ? context.expandedKeys.includes(resolvedItemKey) : false;
   const isDisabled = resolvedItemKey ? context.disabledKeys.includes(resolvedItemKey) : false;
@@ -152,7 +152,7 @@ var useAccordionItemState = (itemKey) => {
   }, [isDisabled, resolvedItemKey, context]);
   return { ...context, resolvedItemKey, isExpanded, isDisabled, handlePress };
 };
-var useAccordionItemAnimation = (isExpanded, disableAnimation) => {
+var useExpansionPanelItemAnimation = (isExpanded, disableAnimation) => {
   const [contentHeight, setContentHeight] = useState2(0);
   const [isMeasured, setIsMeasured] = useState2(false);
   const animatedHeight = useRef(new Animated.Value(isExpanded ? 1 : 0)).current;
@@ -289,7 +289,7 @@ var useForegroundColor = () => {
   return theme.colors.foreground;
 };
 
-// src/components/accordion/chevron-right-icon.tsx
+// src/components/expansion-panel/chevron-right-icon.tsx
 import React from "react";
 import Svg, { Path } from "react-native-svg";
 var ChevronRightIcon = ({
@@ -308,8 +308,8 @@ var ChevronRightIcon = ({
   ));
 };
 
-// src/components/accordion/accordion-item.tsx
-var AccordionItem = ({
+// src/components/expansion-panel/expansion-panel-item.tsx
+var ExpansionPanelItem = ({
   itemKey,
   children,
   title,
@@ -327,12 +327,12 @@ var AccordionItem = ({
     isExpanded,
     isDisabled,
     handlePress: togglePress
-  } = useAccordionItemState(itemKey);
+  } = useExpansionPanelItemState(itemKey);
   const handlePress = () => {
     togglePress();
     onSelected?.(!isExpanded);
   };
-  const { onContentLayout, heightInterpolation, rotationInterpolation } = useAccordionItemAnimation(isExpanded, disableAnimation);
+  const { onContentLayout, heightInterpolation, rotationInterpolation } = useExpansionPanelItemAnimation(isExpanded, disableAnimation);
   const baseStyles = useBaseStyles(variant, isDisabled);
   const triggerStyles = useTriggerStyles(variant, isCompact);
   const titleTextStyle = useTitleTextStyle(isCompact);
@@ -379,9 +379,9 @@ var AccordionItem = ({
     /* @__PURE__ */ React2.createElement(View, { style: [contentContainerStyle, customAppearance?.content] }, children)
   ));
 };
-AccordionItem.displayName = "AccordionItem";
+ExpansionPanelItem.displayName = "ExpansionPanelItem";
 
-// src/components/accordion/accordion.utils.ts
+// src/components/expansion-panel/expansion-panel.utils.ts
 import React3 from "react";
 var getItemKey = (value, fallback) => {
   if (value === null || value === void 0) return String(fallback);
@@ -392,8 +392,8 @@ var normalizeElementKey = (value) => {
   if (typeof value !== "string") return value;
   return value.startsWith(".$") ? value.slice(2) : value.startsWith(".") ? value.slice(1) : value;
 };
-var isAccordionItem = (value) => React3.isValidElement(value) && (value.type === AccordionItem || typeof value.type === "function" && value.type.displayName === "AccordionItem");
-var buildAccordionContextParams = (props) => {
+var isExpansionPanelItem = (value) => React3.isValidElement(value) && (value.type === ExpansionPanelItem || typeof value.type === "function" && value.type.displayName === "ExpansionPanelItem");
+var buildExpansionPanelContextParams = (props) => {
   return {
     variant: props.variant || "light",
     hideIndicator: Boolean(props.hideIndicator),
@@ -408,8 +408,8 @@ var buildAccordionContextParams = (props) => {
   };
 };
 
-// src/components/accordion/accordion.tsx
-var Accordion = (props) => {
+// src/components/expansion-panel/expansion-panel.tsx
+var ExpansionPanel = (props) => {
   const {
     children,
     variant = "light",
@@ -417,27 +417,27 @@ var Accordion = (props) => {
     fullWidth = true,
     customAppearance
   } = props;
-  const { containerStyles, dividerColor } = useAccordionStyles({
+  const { containerStyles, dividerColor } = useExpansionPanelStyles({
     variant,
     fullWidth
   });
-  const contextParams = buildAccordionContextParams(props);
-  const contextValue = useAccordionContextValue(contextParams);
+  const contextParams = buildExpansionPanelContextParams(props);
+  const contextValue = useExpansionPanelContextValue(contextParams);
   const childrenArray = React4.Children.toArray(children);
-  return /* @__PURE__ */ React4.createElement(AccordionContext.Provider, { value: contextValue }, /* @__PURE__ */ React4.createElement(View2, { style: [containerStyles, customAppearance?.container] }, childrenArray.map((child, index) => {
+  return /* @__PURE__ */ React4.createElement(ExpansionPanelContext.Provider, { value: contextValue }, /* @__PURE__ */ React4.createElement(View2, { style: [containerStyles, customAppearance?.container] }, childrenArray.map((child, index) => {
     const isLast = index === childrenArray.length - 1;
     const showBottomDivider = (showDivider || variant === "bordered") && !isLast && variant !== "splitted";
-    const resolvedChildKey = isAccordionItem(child) ? getItemKey(
+    const resolvedChildKey = isExpansionPanelItem(child) ? getItemKey(
       child.props.itemKey ?? normalizeElementKey(child.key),
       index
     ) : getItemKey(
       React4.isValidElement(child) ? normalizeElementKey(child.key) : void 0,
       index
     );
-    return /* @__PURE__ */ React4.createElement(View2, { key: resolvedChildKey, style: customAppearance?.item }, isAccordionItem(child) ? React4.cloneElement(child, { itemKey: resolvedChildKey }) : child, showBottomDivider && /* @__PURE__ */ React4.createElement(Divider, { color: dividerColor, size: 2 }));
+    return /* @__PURE__ */ React4.createElement(View2, { key: resolvedChildKey, style: customAppearance?.item }, isExpansionPanelItem(child) ? React4.cloneElement(child, { itemKey: resolvedChildKey }) : child, showBottomDivider && /* @__PURE__ */ React4.createElement(Divider, { color: dividerColor, size: 2 }));
   })));
 };
 export {
-  Accordion,
-  AccordionItem
+  ExpansionPanel,
+  ExpansionPanelItem
 };

package/dist/fab/index.d.mts

@@ -0,0 +1,3 @@
+export { Fab } from './fab';
+export type { FabProps, FabVariant, FabSize } from './fab.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/fab/index.d.ts

@@ -1,10 +1,3 @@
-import React from 'react';
-import { F as FabProps } from '../fab.type-Ba0QMprb.js';
-export { b as FabSize, a as FabVariant } from '../fab.type-Ba0QMprb.js';
-import 'react-native';
-import '../index-BOw6tbkc.js';
-import '../button.type-D8tzEBo7.js';
-
-declare const Fab: React.FC<FabProps>;
-
-export { Fab, FabProps };
+export { Fab } from './fab';
+export type { FabProps, FabVariant, FabSize } from './fab.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/fab-menu/index.d.mts

@@ -0,0 +1,4 @@
+export { FabMenu } from './fab-menu';
+export { FabMenuItem } from './fab-menu-item';
+export type { FabMenuProps, FabMenuItemProps } from './fab-menu.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/fab-menu/index.d.ts

@@ -1,125 +1,4 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle, GestureResponderEvent } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.js';
-import { a as FabVariant, b as FabSize } from '../fab.type-Ba0QMprb.js';
-import { B as ButtonRadius, E as ElevationLevel } from '../button.type-D8tzEBo7.js';
-
-type FabMenuItemProps = {
-    /**
-     * The icon to display in the menu item.
-     */
-    icon: ReactNode;
-    /**
-     * The text label for the menu item.
-     */
-    label: string;
-    /**
-     * The theme color for the menu item chip.
-     * Inherits from parent FabMenu themeColor if not specified.
-     */
-    themeColor?: ThemeColor;
-    /**
-     * Callback fired when the menu item is pressed.
-     */
-    onPress?: (event: GestureResponderEvent) => void;
-    /**
-     * Whether the menu item is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * @internal Injected by FabMenu to close the menu on item press.
-     */
-    _onClose?: () => void;
-};
-type FabMenuCustomAppearance = {
-    /**
-     * Custom styles for the outer container
-     */
-    container?: ViewStyle;
-    /**
-     * Custom styles for the toggle FAB
-     */
-    fab?: ViewStyle;
-    /**
-     * Custom styles for each menu item row
-     */
-    menuItem?: ViewStyle;
-    /**
-     * Custom styles for the menu items container
-     */
-    menuContainer?: ViewStyle;
-    /**
-     * Custom styles for the overlay/backdrop
-     */
-    overlay?: ViewStyle;
-};
-type FabMenuProps = {
-    /**
-     * The icon to display when the FAB menu is collapsed.
-     */
-    icon: ReactNode;
-    /**
-     * Optional text label for the toggle FAB (extended FAB).
-     */
-    label?: ReactNode;
-    /**
-     * The icon to display when the FAB menu is expanded.
-     * Defaults to a close/X appearance if not provided.
-     */
-    expandedIcon?: ReactNode;
-    /**
-     * FabMenuItem children to display when expanded.
-     */
-    children: ReactNode;
-    /**
-     * The theme color of the toggle FAB.
-     * @default 'primary'
-     */
-    themeColor?: ThemeColor;
-    /**
-     * The visual variant of the toggle FAB.
-     * @default 'solid'
-     */
-    variant?: FabVariant;
-    /**
-     * The size of the toggle FAB.
-     * @default 'md'
-     */
-    size?: FabSize;
-    /**
-     * Custom border radius for the toggle FAB.
-     * Overrides the default size-based border radius.
-     */
-    radius?: ButtonRadius;
-    /**
-     * Android elevation level for the toggle FAB from 0 to 4.
-     * Does not apply to `outlined` and `light` variants.
-     * @default 0
-     */
-    elevation?: ElevationLevel;
-    /**
-     * Whether the menu is expanded.
-     * When provided, the component becomes controlled.
-     */
-    isExpanded?: boolean;
-    /**
-     * Callback fired when the menu toggle state changes.
-     */
-    onToggle?: (expanded: boolean) => void;
-    /**
-     * Whether to show an overlay/backdrop when expanded.
-     * @default true
-     */
-    showOverlay?: boolean;
-    /**
-     * Custom appearance styles for FAB menu parts.
-     */
-    customAppearance?: FabMenuCustomAppearance;
-};
-
-declare const FabMenu: React.FC<FabMenuProps>;
-
-declare const FabMenuItem: React.FC<FabMenuItemProps>;
-
-export { FabMenu, FabMenuItem, type FabMenuItemProps, type FabMenuProps };
+export { FabMenu } from './fab-menu';
+export { FabMenuItem } from './fab-menu-item';
+export type { FabMenuProps, FabMenuItemProps } from './fab-menu.type';
+//# sourceMappingURL=index.d.ts.map