@xaui/native 0.0.21 → 0.0.24

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

@@ -1,12 +1,12 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
-type AccordionVariant = 'light' | 'bordered' | 'splitted';
-type AccordionSelectionMode = 'toggle' | 'multiple';
-type AccordionEvents = {
+type ExpansionPanelVariant = 'light' | 'bordered' | 'splitted';
+type ExpansionPanelSelectionMode = 'toggle' | 'multiple';
+type ExpansionPanelEvents = {
     onSelectionChange?: (selectedKeys: string[]) => void;
 };
-type AccordionCustomAppearance = {
+type ExpansionPanelCustomAppearance = {
     /**
      * Custom styles for the container
      */
@@ -16,25 +16,25 @@ type AccordionCustomAppearance = {
      */
     item?: ViewStyle;
 };
-type AccordionProps = {
+type ExpansionPanelProps = {
     /**
-     * List of AccordionItem components
+     * List of ExpansionPanelItem components
      */
     children: ReactNode;
     /**
-     * Visual variant of the accordion
+     * Visual variant of the expansion-panel
      * @default 'light'
      */
-    variant?: AccordionVariant;
+    variant?: ExpansionPanelVariant;
     /**
      * Selection behavior mode
-     * - toggle: Only one accordion item can be expanded at a time
-     * - multiple: Multiple accordion items can be expanded simultaneously
+     * - toggle: Only one expansion-panel item can be expanded at a time
+     * - multiple: Multiple expansion-panel items can be expanded simultaneously
      * @default 'toggle'
      */
-    selectionMode?: AccordionSelectionMode;
+    selectionMode?: ExpansionPanelSelectionMode;
     /**
-     * Show dividers between accordion items
+     * Show dividers between expansion-panel items
      * @default false
      */
     showDivider?: boolean;
@@ -44,7 +44,7 @@ type AccordionProps = {
      */
     hideIndicator?: boolean;
     /**
-     * Whether the accordion should take full width
+     * Whether the expansion-panel should take full width
      * @default true
      */
     fullWidth?: boolean;
@@ -58,7 +58,7 @@ type AccordionProps = {
      */
     defaultExpandedKeys?: string[];
     /**
-     * Keys of disabled accordion items
+     * Keys of disabled expansion-panel items
      */
     disabledKeys?: string[];
     /**
@@ -67,22 +67,22 @@ type AccordionProps = {
      */
     disableAnimation?: boolean;
     /**
-     * Make the accordion items more compact
+     * Make the expansion-panel items more compact
      * @default false
      */
     isCompact?: boolean;
     /**
-     * Custom appearance styles for all accordion parts
+     * Custom appearance styles for all expansion-panel parts
      */
-    customAppearance?: AccordionCustomAppearance;
-} & AccordionEvents;
+    customAppearance?: ExpansionPanelCustomAppearance;
+} & ExpansionPanelEvents;
 
-declare const Accordion: React.FC<AccordionProps>;
+declare const ExpansionPanel: React.FC<ExpansionPanelProps>;
 
-type AccordionItemEvents = {
+type ExpansionPanelItemEvents = {
     onSelected?: (isSelected: boolean) => void;
 };
-type AccordionItemCustomAppearance = {
+type ExpansionPanelItemCustomAppearance = {
     /**
      * Custom styles for the base container
      */
@@ -116,17 +116,17 @@ type AccordionItemCustomAppearance = {
      */
     indicator?: ViewStyle;
 };
-type AccordionItemProps = {
+type ExpansionPanelItemProps = {
     /**
-     * Unique key for the accordion item
+     * Unique key for the expansion-panel item
      */
     itemKey?: string;
     /**
-     * Content to display when accordion item is expanded
+     * Content to display when expansion-panel item is expanded
      */
     children: ReactNode;
     /**
-     * Title displayed in the accordion header
+     * Title displayed in the expansion-panel header
      */
     title: ReactNode;
     /**
@@ -143,11 +143,11 @@ type AccordionItemProps = {
      */
     indicator?: ReactNode;
     /**
-     * Custom appearance styles for all accordion item parts
+     * Custom appearance styles for all expansion-panel item parts
      */
-    customAppearance?: AccordionItemCustomAppearance;
-} & AccordionItemEvents;
+    customAppearance?: ExpansionPanelItemCustomAppearance;
+} & ExpansionPanelItemEvents;
 
-declare const AccordionItem: React.FC<AccordionItemProps>;
+declare const ExpansionPanelItem: React.FC<ExpansionPanelItemProps>;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, type AccordionVariant };
+export { ExpansionPanel, ExpansionPanelItem };

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

@@ -1,12 +1,12 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
-type AccordionVariant = 'light' | 'bordered' | 'splitted';
-type AccordionSelectionMode = 'toggle' | 'multiple';
-type AccordionEvents = {
+type ExpansionPanelVariant = 'light' | 'bordered' | 'splitted';
+type ExpansionPanelSelectionMode = 'toggle' | 'multiple';
+type ExpansionPanelEvents = {
     onSelectionChange?: (selectedKeys: string[]) => void;
 };
-type AccordionCustomAppearance = {
+type ExpansionPanelCustomAppearance = {
     /**
      * Custom styles for the container
      */
@@ -16,25 +16,25 @@ type AccordionCustomAppearance = {
      */
     item?: ViewStyle;
 };
-type AccordionProps = {
+type ExpansionPanelProps = {
     /**
-     * List of AccordionItem components
+     * List of ExpansionPanelItem components
      */
     children: ReactNode;
     /**
-     * Visual variant of the accordion
+     * Visual variant of the expansion-panel
      * @default 'light'
      */
-    variant?: AccordionVariant;
+    variant?: ExpansionPanelVariant;
     /**
      * Selection behavior mode
-     * - toggle: Only one accordion item can be expanded at a time
-     * - multiple: Multiple accordion items can be expanded simultaneously
+     * - toggle: Only one expansion-panel item can be expanded at a time
+     * - multiple: Multiple expansion-panel items can be expanded simultaneously
      * @default 'toggle'
      */
-    selectionMode?: AccordionSelectionMode;
+    selectionMode?: ExpansionPanelSelectionMode;
     /**
-     * Show dividers between accordion items
+     * Show dividers between expansion-panel items
      * @default false
      */
     showDivider?: boolean;
@@ -44,7 +44,7 @@ type AccordionProps = {
      */
     hideIndicator?: boolean;
     /**
-     * Whether the accordion should take full width
+     * Whether the expansion-panel should take full width
      * @default true
      */
     fullWidth?: boolean;
@@ -58,7 +58,7 @@ type AccordionProps = {
      */
     defaultExpandedKeys?: string[];
     /**
-     * Keys of disabled accordion items
+     * Keys of disabled expansion-panel items
      */
     disabledKeys?: string[];
     /**
@@ -67,22 +67,22 @@ type AccordionProps = {
      */
     disableAnimation?: boolean;
     /**
-     * Make the accordion items more compact
+     * Make the expansion-panel items more compact
      * @default false
      */
     isCompact?: boolean;
     /**
-     * Custom appearance styles for all accordion parts
+     * Custom appearance styles for all expansion-panel parts
      */
-    customAppearance?: AccordionCustomAppearance;
-} & AccordionEvents;
+    customAppearance?: ExpansionPanelCustomAppearance;
+} & ExpansionPanelEvents;
 
-declare const Accordion: React.FC<AccordionProps>;
+declare const ExpansionPanel: React.FC<ExpansionPanelProps>;
 
-type AccordionItemEvents = {
+type ExpansionPanelItemEvents = {
     onSelected?: (isSelected: boolean) => void;
 };
-type AccordionItemCustomAppearance = {
+type ExpansionPanelItemCustomAppearance = {
     /**
      * Custom styles for the base container
      */
@@ -116,17 +116,17 @@ type AccordionItemCustomAppearance = {
      */
     indicator?: ViewStyle;
 };
-type AccordionItemProps = {
+type ExpansionPanelItemProps = {
     /**
-     * Unique key for the accordion item
+     * Unique key for the expansion-panel item
      */
     itemKey?: string;
     /**
-     * Content to display when accordion item is expanded
+     * Content to display when expansion-panel item is expanded
      */
     children: ReactNode;
     /**
-     * Title displayed in the accordion header
+     * Title displayed in the expansion-panel header
      */
     title: ReactNode;
     /**
@@ -143,11 +143,11 @@ type AccordionItemProps = {
      */
     indicator?: ReactNode;
     /**
-     * Custom appearance styles for all accordion item parts
+     * Custom appearance styles for all expansion-panel item parts
      */
-    customAppearance?: AccordionItemCustomAppearance;
-} & AccordionItemEvents;
+    customAppearance?: ExpansionPanelItemCustomAppearance;
+} & ExpansionPanelItemEvents;
 
-declare const AccordionItem: React.FC<AccordionItemProps>;
+declare const ExpansionPanelItem: React.FC<ExpansionPanelItemProps>;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, type AccordionVariant };
+export { ExpansionPanel, ExpansionPanelItem };

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

@@ -1,32 +1,31 @@
 import {
   Divider
-} from "../chunk-LUBWRVI2.js";
-import "../chunk-DXXNBF5P.js";
+} from "../chunk-ULJSCNPE.js";
 import {
   useXUIPalette,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-GHCVNQET.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(
-  void 0
-);
-var useAccordionContext = () => {
-  const context = useContext(AccordionContext);
+var ExpansionPanelContext = createContext(void 0);
+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 +51,7 @@ var useAccordionStyles = ({
   const dividerOpacity = variant === "bordered" ? 1 : 0.2;
   return { containerStyles, dividerColor, dividerOpacity };
 };
-var useAccordionSelection = ({
+var useExpansionPanelSelection = ({
   selectionMode,
   expandedKeys,
   defaultExpandedKeys,
@@ -74,8 +73,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 +104,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 +132,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 +140,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 +151,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 +288,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 +307,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 +326,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 +378,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 +391,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 +407,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 +416,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.cts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { F as FabProps } from '../fab.type-U09H8B7D.cjs';
-export { b as FabSize, a as FabVariant } from '../fab.type-U09H8B7D.cjs';
+import { F as FabProps } from '../fab.type-l2vjG8-p.cjs';
+export { b as FabSize, a as FabVariant } from '../fab.type-l2vjG8-p.cjs';
 import 'react-native';
 import '../index-BOw6tbkc.cjs';
-import '../button.type-ikaWzhIg.cjs';
+import '../button.type-j1ZdkkSl.cjs';
 
 declare const Fab: React.FC<FabProps>;
 

package/dist/fab/index.d.ts

@@ -1,9 +1,9 @@
 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 { F as FabProps } from '../fab.type-CgIYqQlT.js';
+export { b as FabSize, a as FabVariant } from '../fab.type-CgIYqQlT.js';
 import 'react-native';
 import '../index-BOw6tbkc.js';
-import '../button.type-D8tzEBo7.js';
+import '../button.type-j1ZdkkSl.js';
 
 declare const Fab: React.FC<FabProps>;
 

package/dist/fab/index.js

@@ -1,9 +1,8 @@
 import {
   Fab
-} from "../chunk-JEGEPGVU.js";
-import "../chunk-F7WH4DMG.js";
-import "../chunk-DXXNBF5P.js";
-import "../chunk-LTKYHG5V.js";
+} from "../chunk-3XSXTM3G.js";
+import "../chunk-CZFDZPAS.js";
+import "../chunk-I4V5Y5GD.js";
 export {
   Fab
 };

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

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, GestureResponderEvent } from 'react-native';
 import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
-import { a as FabVariant, b as FabSize } from '../fab.type-U09H8B7D.cjs';
-import { B as ButtonRadius, E as ElevationLevel } from '../button.type-ikaWzhIg.cjs';
+import { a as FabVariant, b as FabSize } from '../fab.type-l2vjG8-p.cjs';
+import { B as ButtonRadius, E as ElevationLevel } from '../button.type-j1ZdkkSl.cjs';
 
 type FabMenuItemProps = {
     /**

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

@@ -1,8 +1,8 @@
 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';
+import { a as FabVariant, b as FabSize } from '../fab.type-CgIYqQlT.js';
+import { B as ButtonRadius, E as ElevationLevel } from '../button.type-j1ZdkkSl.js';
 
 type FabMenuItemProps = {
     /**

package/dist/fab-menu/index.js

@@ -1,12 +1,11 @@
 import {
   Fab
-} from "../chunk-JEGEPGVU.js";
-import "../chunk-F7WH4DMG.js";
-import "../chunk-DXXNBF5P.js";
+} from "../chunk-3XSXTM3G.js";
+import "../chunk-CZFDZPAS.js";
 import {
   Portal,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-I4V5Y5GD.js";
 
 // src/components/fab-menu/fab-menu.tsx
 import React from "react";

package/dist/{fab.type-Ba0QMprb.d.ts → fab.type-CgIYqQlT.d.ts}

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ViewStyle, GestureResponderEvent } from 'react-native';
 import { T as ThemeColor } from './index-BOw6tbkc.js';
-import { B as ButtonRadius, E as ElevationLevel } from './button.type-D8tzEBo7.js';
+import { B as ButtonRadius, E as ElevationLevel } from './button.type-j1ZdkkSl.js';
 
 type FabVariant = 'solid' | 'flat' | 'outlined';
 type FabSize = 'sm' | 'md' | 'lg';

package/dist/{fab.type-U09H8B7D.d.cts → fab.type-l2vjG8-p.d.cts}

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ViewStyle, GestureResponderEvent } from 'react-native';
 import { T as ThemeColor } from './index-BOw6tbkc.cjs';
-import { B as ButtonRadius, E as ElevationLevel } from './button.type-ikaWzhIg.cjs';
+import { B as ButtonRadius, E as ElevationLevel } from './button.type-j1ZdkkSl.cjs';
 
 type FabVariant = 'solid' | 'flat' | 'outlined';
 type FabSize = 'sm' | 'md' | 'lg';