elseware-ui 3.0.13 → 3.0.15

package/dist/index.native.mjs

@@ -1,5 +1,5 @@
 import { createContext, forwardRef, useContext, useState, useRef, useEffect } from 'react';
-import { Pressable, View, ActivityIndicator, Text, Animated, Easing, TextInput, Modal, ScrollView } from 'react-native';
+import { View, ActivityIndicator, Text, Pressable, Animated, Easing, TextInput, Modal, ScrollView } from 'react-native';
 import { twMerge } from 'tailwind-merge';
 import { jsx as jsx$1 } from 'react/jsx-runtime';
 import { jsx, jsxs } from 'nativewind/jsx-runtime';
@@ -215,6 +215,7 @@ function useButton(props) {
   const {
     // Consumed by the shared model
     icon,
+    iconPosition = "leading",
     text,
     children,
     loading = false,
@@ -242,7 +243,19 @@ function useButton(props) {
     onMouseMove: _onMouseMove,
     ...rootRest
   } = props;
-  const { shape: resolvedShape, size: resolvedSize, variant: resolvedVariant, appearance: resolvedAppearance } = useResolvedButtonConfig({ compact, mode, variant, appearance, shape, size });
+  const {
+    shape: resolvedShape,
+    size: resolvedSize,
+    variant: resolvedVariant,
+    appearance: resolvedAppearance
+  } = useResolvedButtonConfig({
+    compact,
+    mode,
+    variant,
+    appearance,
+    shape,
+    size
+  });
   const tokens = buttonSizeTokens[resolvedSize];
   const variantClassName = resolveButtonVariantStyles({
     appearance: resolvedAppearance,
@@ -262,6 +275,7 @@ function useButton(props) {
     loading,
     iconSize: tokens.icon,
     icon: resolvedIcon,
+    iconPosition,
     label,
     hasTextLabel: typeof label === "string" || typeof label === "number",
     variantClassName,
@@ -288,6 +302,38 @@ var Button = forwardRef(
       testID
     } = props;
     const model = useButton(props);
+    const trailing = model.iconPosition === "trailing";
+    const iconSlot = model.loading || model.icon ? /* @__PURE__ */ jsx(
+      View,
+      {
+        className: cn(
+          "shrink-0 items-center justify-center",
+          model.tokens.slot
+        ),
+        children: model.loading ? /* @__PURE__ */ jsx(
+          ActivityIndicator,
+          {
+            className: model.labelColorClassName,
+            size: "small"
+          }
+        ) : model.icon
+      }
+    ) : null;
+    const labelNode = model.hasTextLabel ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        className: cn(
+          "font-bold",
+          model.tokens.text,
+          model.tokens.leading,
+          model.labelColorClassName,
+          labelClassName
+        ),
+        numberOfLines: 1,
+        style: nativeLabelBaseStyle,
+        children: model.label
+      }
+    ) : model.label;
     return /* @__PURE__ */ jsx(
       Pressable,
       {
@@ -295,7 +341,10 @@ var Button = forwardRef(
         ref,
         accessibilityLabel,
         accessibilityRole,
-        accessibilityState: { disabled: model.isBusy, selected: model.selected },
+        accessibilityState: {
+          disabled: model.isBusy,
+          selected: model.selected
+        },
         testID,
         disabled: model.isBusy,
         onPress: model.onPress,
@@ -319,37 +368,8 @@ var Button = forwardRef(
               contentClassName
             ),
             children: [
-              (model.loading || model.icon) && /* @__PURE__ */ jsx(
-                View,
-                {
-                  className: cn(
-                    "shrink-0 items-center justify-center",
-                    model.tokens.slot
-                  ),
-                  children: model.loading ? /* @__PURE__ */ jsx(
-                    ActivityIndicator,
-                    {
-                      className: model.labelColorClassName,
-                      size: "small"
-                    }
-                  ) : model.icon
-                }
-              ),
-              model.hasTextLabel ? /* @__PURE__ */ jsx(
-                Text,
-                {
-                  className: cn(
-                    "font-bold",
-                    model.tokens.text,
-                    model.tokens.leading,
-                    model.labelColorClassName,
-                    labelClassName
-                  ),
-                  numberOfLines: 1,
-                  style: nativeLabelBaseStyle,
-                  children: model.label
-                }
-              ) : model.label
+              trailing ? labelNode : iconSlot,
+              trailing ? iconSlot : labelNode
             ]
           }
         )