@rojaostudio/ds 1.0.0 → 1.0.2

package/dist/targets/native/components/input.js

@@ -2,6 +2,7 @@ import {
   __objRest,
   __spreadValues
 } from "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Pressable, StyleSheet, TextInput, View } from "react-native";
 import { X } from "lucide-react-native";
@@ -44,44 +45,50 @@ function Input(_a) {
   }
   const hasValue = typeof rest.value === "string" ? rest.value.length > 0 : false;
   const showClear = !!clearable && hasValue && rest.editable !== false;
-  return /* @__PURE__ */ React.createElement(View, { style: { gap: 6 } }, label ? /* @__PURE__ */ React.createElement(Text, { variant: "label" }, label) : null, /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        styles.field,
-        { borderColor, backgroundColor: t["--surface-default"] }
-      ]
-    },
-    prefix ? /* @__PURE__ */ React.createElement(View, { style: styles.affix }, renderAffix(prefix, t)) : null,
-    /* @__PURE__ */ React.createElement(
-      TextInput,
-      __spreadValues({
-        placeholderTextColor: t["--text-placeholder"],
-        accessibilityLabel: accessibilityLabel != null ? accessibilityLabel : label,
-        accessibilityState: { disabled: rest.editable === false },
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onChangeText,
-        style: [styles.input, { color: t["--text-primary"] }, style]
-      }, rest)
-    ),
-    showClear ? /* @__PURE__ */ React.createElement(
-      Pressable,
+  return /* @__PURE__ */ jsxs(View, { style: { gap: 6 }, children: [
+    label ? /* @__PURE__ */ jsx(Text, { variant: "label", children: label }) : null,
+    /* @__PURE__ */ jsxs(
+      View,
       {
-        onPress: () => onChangeText == null ? void 0 : onChangeText(""),
-        accessibilityRole: "button",
-        accessibilityLabel: "Clear",
-        hitSlop: 8,
-        style: styles.affix
-      },
-      /* @__PURE__ */ React.createElement(X, { size: 16, color: t["--text-muted"] })
-    ) : null,
-    suffix ? /* @__PURE__ */ React.createElement(View, { style: styles.affix }, renderAffix(suffix, t)) : null
-  ), typeof error === "string" && error ? /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "danger" }, error) : null);
+        style: [
+          styles.field,
+          { borderColor, backgroundColor: t["--surface-default"] }
+        ],
+        children: [
+          prefix ? /* @__PURE__ */ jsx(View, { style: styles.affix, children: renderAffix(prefix, t) }) : null,
+          /* @__PURE__ */ jsx(
+            TextInput,
+            __spreadValues({
+              placeholderTextColor: t["--text-placeholder"],
+              accessibilityLabel: accessibilityLabel != null ? accessibilityLabel : label,
+              accessibilityState: { disabled: rest.editable === false },
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onChangeText,
+              style: [styles.input, { color: t["--text-primary"] }, style]
+            }, rest)
+          ),
+          showClear ? /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              onPress: () => onChangeText == null ? void 0 : onChangeText(""),
+              accessibilityRole: "button",
+              accessibilityLabel: "Clear",
+              hitSlop: 8,
+              style: styles.affix,
+              children: /* @__PURE__ */ jsx(X, { size: 16, color: t["--text-muted"] })
+            }
+          ) : null,
+          suffix ? /* @__PURE__ */ jsx(View, { style: styles.affix, children: renderAffix(suffix, t) }) : null
+        ]
+      }
+    ),
+    typeof error === "string" && error ? /* @__PURE__ */ jsx(Text, { variant: "caption", color: "danger", children: error }) : null
+  ] });
 }
 function renderAffix(node, t) {
   if (typeof node === "string") {
-    return /* @__PURE__ */ React.createElement(Text, { variant: "body", style: { color: t["--text-muted"] } }, node);
+    return /* @__PURE__ */ jsx(Text, { variant: "body", style: { color: t["--text-muted"] }, children: node });
   }
   return node;
 }

package/dist/targets/native/components/list-item.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react-native";
 import { Pressable, View } from "react-native";
 import { Text } from "./text.js";
@@ -14,7 +15,7 @@ function ListItem({
   disabled
 }) {
   const t = useTheme();
-  const body = /* @__PURE__ */ React.createElement(
+  const body = /* @__PURE__ */ jsxs(
     View,
     {
       style: {
@@ -29,27 +30,32 @@ function ListItem({
         borderColor: t["--border-subtle"],
         backgroundColor: t["--surface-default"],
         opacity: disabled ? 0.5 : 1
-      }
-    },
-    leading ? leading : Icon ? /* @__PURE__ */ React.createElement(
-      View,
-      {
-        style: {
-          width: 40,
-          height: 40,
-          borderRadius: 10,
-          alignItems: "center",
-          justifyContent: "center",
-          backgroundColor: t["--surface-raised"]
-        }
       },
-      /* @__PURE__ */ React.createElement(Icon, { color: t["--icon-default"], size: 22 })
-    ) : null,
-    /* @__PURE__ */ React.createElement(View, { style: { flex: 1 } }, /* @__PURE__ */ React.createElement(Text, { variant: "label", numberOfLines: 1 }, title), subtitle ? /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "muted" }, subtitle) : null),
-    trailing,
-    showChevron && onPress ? /* @__PURE__ */ React.createElement(View, { importantForAccessibility: "no" }, /* @__PURE__ */ React.createElement(ChevronRight, { color: t["--text-muted"], size: 20 })) : null
+      children: [
+        leading ? leading : Icon ? /* @__PURE__ */ jsx(
+          View,
+          {
+            style: {
+              width: 40,
+              height: 40,
+              borderRadius: 10,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: t["--surface-raised"]
+            },
+            children: /* @__PURE__ */ jsx(Icon, { color: t["--icon-default"], size: 22 })
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(View, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Text, { variant: "label", numberOfLines: 1, children: title }),
+          subtitle ? /* @__PURE__ */ jsx(Text, { variant: "caption", color: "muted", children: subtitle }) : null
+        ] }),
+        trailing,
+        showChevron && onPress ? /* @__PURE__ */ jsx(View, { importantForAccessibility: "no", children: /* @__PURE__ */ jsx(ChevronRight, { color: t["--text-muted"], size: 20 }) }) : null
+      ]
+    }
   );
-  return onPress ? /* @__PURE__ */ React.createElement(
+  return onPress ? /* @__PURE__ */ jsx(
     Pressable,
     {
       onPress: disabled ? void 0 : onPress,
@@ -61,9 +67,9 @@ function ListItem({
       android_ripple: { color: t["--surface-raised"] },
       style: ({ pressed }) => [
         pressed && !disabled ? { backgroundColor: t["--surface-raised"], borderRadius: 12 } : null
-      ]
-    },
-    body
+      ],
+      children: body
+    }
   ) : body;
 }
 export {

package/dist/targets/native/components/menu.js

@@ -2,27 +2,27 @@ import {
   __spreadProps,
   __spreadValues
 } from "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Pressable, StyleSheet, View } from "react-native";
 import { Sheet } from "./sheet.js";
 import { Text } from "./text.js";
 import { useTheme } from "./theme.js";
 function Menu({ visible, onClose, items, children }) {
-  return /* @__PURE__ */ React.createElement(Sheet, { visible, onClose }, /* @__PURE__ */ React.createElement(View, { accessibilityRole: "menu", style: styles.list }, items ? items.map((item, i) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Sheet, { visible, onClose, children: /* @__PURE__ */ jsx(View, { accessibilityRole: "menu", style: styles.list, children: items ? items.map((item, i) => /* @__PURE__ */ jsx(
     MenuItem,
-    __spreadProps(__spreadValues({
-      key: `${item.label}-${i}`
-    }, item), {
+    __spreadProps(__spreadValues({}, item), {
       onPress: () => {
         onClose();
         item.onPress();
       }
-    })
-  )) : children));
+    }),
+    `${item.label}-${i}`
+  )) : children }) });
 }
 function MenuItem({ label, icon: Icon, destructive, onPress, disabled }) {
   const t = useTheme();
   const fg = destructive ? t["--danger-text"] : t["--text-primary"];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Pressable,
     {
       accessibilityRole: "menuitem",
@@ -38,10 +38,12 @@ function MenuItem({ label, icon: Icon, destructive, onPress, disabled }) {
           backgroundColor: pressed && !disabled ? t["--surface-raised"] : t["--surface-default"],
           opacity: disabled ? 0.5 : 1
         }
+      ],
+      children: [
+        Icon ? /* @__PURE__ */ jsx(View, { style: styles.icon, importantForAccessibility: "no", children: /* @__PURE__ */ jsx(Icon, { color: fg, size: 22 }) }) : null,
+        /* @__PURE__ */ jsx(Text, { variant: "label", numberOfLines: 1, style: { flex: 1, color: fg }, children: label })
       ]
-    },
-    Icon ? /* @__PURE__ */ React.createElement(View, { style: styles.icon, importantForAccessibility: "no" }, /* @__PURE__ */ React.createElement(Icon, { color: fg, size: 22 })) : null,
-    /* @__PURE__ */ React.createElement(Text, { variant: "label", numberOfLines: 1, style: { flex: 1, color: fg } }, label)
+    }
   );
 }
 const styles = StyleSheet.create({

package/dist/targets/native/components/modal.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { Animated, Modal as RNModal, Pressable, StyleSheet, Text, View } from "react-native";
 import { Button } from "./button.js";
@@ -27,40 +28,48 @@ function Modal({
       opacity.setValue(0);
     }
   }, [visible, scale, opacity]);
-  return /* @__PURE__ */ React.createElement(RNModal, { visible, transparent: true, animationType: "fade", onRequestClose: onCancel }, /* @__PURE__ */ React.createElement(View, { style: styles.root }, /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      style: styles.backdrop,
-      onPress: onCancel,
-      accessibilityRole: "button",
-      accessibilityLabel: "Fechar"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Animated.View,
-    {
-      accessibilityViewIsModal: true,
-      accessibilityRole: "alert",
-      style: [
-        styles.card,
-        {
-          backgroundColor: t["--surface-default"],
-          borderColor: t["--border-default"],
-          opacity,
-          transform: [{ scale }]
-        }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(Text, { style: [styles.title, { color: t["--text-primary"] }] }, title),
-    description ? /* @__PURE__ */ React.createElement(Text, { style: [styles.description, { color: t["--text-secondary"] }] }, description) : null,
-    /* @__PURE__ */ React.createElement(View, { style: styles.footer }, /* @__PURE__ */ React.createElement(Button, { label: cancelLabel, variant: "ghost", onPress: onCancel }), /* @__PURE__ */ React.createElement(
-      Button,
+  return /* @__PURE__ */ jsx(RNModal, { visible, transparent: true, animationType: "fade", onRequestClose: onCancel, children: /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+    /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        style: styles.backdrop,
+        onPress: onCancel,
+        accessibilityRole: "button",
+        accessibilityLabel: "Fechar"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Animated.View,
       {
-        label: confirmLabel,
-        variant: destructive ? "danger" : "primary",
-        onPress: onConfirm
+        accessibilityViewIsModal: true,
+        accessibilityRole: "alert",
+        style: [
+          styles.card,
+          {
+            backgroundColor: t["--surface-default"],
+            borderColor: t["--border-default"],
+            opacity,
+            transform: [{ scale }]
+          }
+        ],
+        children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.title, { color: t["--text-primary"] }], children: title }),
+          description ? /* @__PURE__ */ jsx(Text, { style: [styles.description, { color: t["--text-secondary"] }], children: description }) : null,
+          /* @__PURE__ */ jsxs(View, { style: styles.footer, children: [
+            /* @__PURE__ */ jsx(Button, { label: cancelLabel, variant: "ghost", onPress: onCancel }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                label: confirmLabel,
+                variant: destructive ? "danger" : "primary",
+                onPress: onConfirm
+              }
+            )
+          ] })
+        ]
       }
-    ))
-  )));
+    )
+  ] }) });
 }
 const styles = StyleSheet.create({
   root: {

package/dist/targets/native/components/paywall-banner.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Lock } from "lucide-react-native";
 import { StyleSheet, View } from "react-native";
 import { Button } from "./button.js";
@@ -6,17 +7,25 @@ import { Text } from "./text.js";
 import { useTheme } from "./theme.js";
 function PaywallBanner({ title, description, ctaLabel = "Ver planos", onPress }) {
   const t = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     View,
     {
       accessibilityRole: "summary",
       style: [
         styles.container,
         { backgroundColor: t["--surface-raised"], borderColor: t["--border-default"] }
+      ],
+      children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.iconWrap, { backgroundColor: t["--brand-primary"] }], children: /* @__PURE__ */ jsx(Lock, { size: 20, color: t["--brand-on-primary"] }) }),
+          /* @__PURE__ */ jsxs(View, { style: styles.copy, children: [
+            /* @__PURE__ */ jsx(Text, { variant: "label", numberOfLines: 2, children: title }),
+            description ? /* @__PURE__ */ jsx(Text, { variant: "caption", color: "secondary", style: styles.desc, children: description }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { label: ctaLabel, variant: "primary", fullWidth: true, onPress })
       ]
-    },
-    /* @__PURE__ */ React.createElement(View, { style: styles.row }, /* @__PURE__ */ React.createElement(View, { style: [styles.iconWrap, { backgroundColor: t["--brand-primary"] }] }, /* @__PURE__ */ React.createElement(Lock, { size: 20, color: t["--brand-on-primary"] })), /* @__PURE__ */ React.createElement(View, { style: styles.copy }, /* @__PURE__ */ React.createElement(Text, { variant: "label", numberOfLines: 2 }, title), description ? /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "secondary", style: styles.desc }, description) : null)),
-    /* @__PURE__ */ React.createElement(Button, { label: ctaLabel, variant: "primary", fullWidth: true, onPress })
+    }
   );
 }
 const styles = StyleSheet.create({

package/dist/targets/native/components/paywall.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   Lock,
   Package,
@@ -37,7 +38,16 @@ function PaywallContent({
   var _a;
   const t = useTheme();
   const Icon = (_a = ICONS[icon]) != null ? _a : Lock;
-  return /* @__PURE__ */ React.createElement(View, { style: styles.container }, /* @__PURE__ */ React.createElement(View, { style: styles.iconWrap }, /* @__PURE__ */ React.createElement(Icon, { size: 52, strokeWidth: 1.25, color: t["--text-secondary"] }), /* @__PURE__ */ React.createElement(View, { style: [styles.lockBadge, { backgroundColor: t["--brand-primary"] }] }, /* @__PURE__ */ React.createElement(Lock, { size: 12, strokeWidth: 2.5, color: t["--brand-on-primary"] }))), /* @__PURE__ */ React.createElement(View, { style: [styles.pill, { backgroundColor: t["--surface-raised"] }] }, /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "secondary" }, planLineText(reason, planLabel))), /* @__PURE__ */ React.createElement(Text, { variant: "title", style: styles.title }, title), description ? /* @__PURE__ */ React.createElement(Text, { variant: "body-sm", color: "muted", style: styles.desc }, description) : null, /* @__PURE__ */ React.createElement(Button, { label: ctaLabel, variant: "primary", fullWidth: true, onPress: onCta }));
+  return /* @__PURE__ */ jsxs(View, { style: styles.container, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.iconWrap, children: [
+      /* @__PURE__ */ jsx(Icon, { size: 52, strokeWidth: 1.25, color: t["--text-secondary"] }),
+      /* @__PURE__ */ jsx(View, { style: [styles.lockBadge, { backgroundColor: t["--brand-primary"] }], children: /* @__PURE__ */ jsx(Lock, { size: 12, strokeWidth: 2.5, color: t["--brand-on-primary"] }) })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.pill, { backgroundColor: t["--surface-raised"] }], children: /* @__PURE__ */ jsx(Text, { variant: "caption", color: "secondary", children: planLineText(reason, planLabel) }) }),
+    /* @__PURE__ */ jsx(Text, { variant: "title", style: styles.title, children: title }),
+    description ? /* @__PURE__ */ jsx(Text, { variant: "body-sm", color: "muted", style: styles.desc, children: description }) : null,
+    /* @__PURE__ */ jsx(Button, { label: ctaLabel, variant: "primary", fullWidth: true, onPress: onCta })
+  ] });
 }
 const styles = StyleSheet.create({
   container: { alignItems: "center", paddingHorizontal: 8, gap: 12, width: "100%" },

package/dist/targets/native/components/radio.js

@@ -1,11 +1,12 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Children, isValidElement, cloneElement } from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import { Text } from "./text.js";
 import { useTheme } from "./theme.js";
 function Radio({ label, value, selected = false, onSelect, disabled }) {
   const t = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Pressable,
     {
       accessibilityRole: "radio",
@@ -14,23 +15,25 @@ function Radio({ label, value, selected = false, onSelect, disabled }) {
       disabled,
       hitSlop: 8,
       onPress: () => onSelect == null ? void 0 : onSelect(value),
-      style: [styles.row, { opacity: disabled ? 0.5 : 1 }]
-    },
-    /* @__PURE__ */ React.createElement(
-      View,
-      {
-        style: [
-          styles.ring,
-          { borderColor: selected ? t["--brand-primary"] : t["--border-strong"] }
-        ]
-      },
-      selected ? /* @__PURE__ */ React.createElement(View, { style: [styles.dot, { backgroundColor: t["--brand-primary"] }] }) : null
-    ),
-    label ? /* @__PURE__ */ React.createElement(Text, { variant: "body", style: { color: t["--text-primary"] } }, label) : null
+      style: [styles.row, { opacity: disabled ? 0.5 : 1 }],
+      children: [
+        /* @__PURE__ */ jsx(
+          View,
+          {
+            style: [
+              styles.ring,
+              { borderColor: selected ? t["--brand-primary"] : t["--border-strong"] }
+            ],
+            children: selected ? /* @__PURE__ */ jsx(View, { style: [styles.dot, { backgroundColor: t["--brand-primary"] }] }) : null
+          }
+        ),
+        label ? /* @__PURE__ */ jsx(Text, { variant: "body", style: { color: t["--text-primary"] }, children: label }) : null
+      ]
+    }
   );
 }
 function RadioGroup({ value, onChange, children, disabled }) {
-  return /* @__PURE__ */ React.createElement(View, { accessibilityRole: "radiogroup", style: styles.group }, Children.map(children, (child) => {
+  return /* @__PURE__ */ jsx(View, { accessibilityRole: "radiogroup", style: styles.group, children: Children.map(children, (child) => {
     var _a;
     if (!isValidElement(child)) return child;
     const el = child;
@@ -39,7 +42,7 @@ function RadioGroup({ value, onChange, children, disabled }) {
       onSelect: onChange,
       disabled: (_a = el.props.disabled) != null ? _a : disabled
     });
-  }));
+  }) });
 }
 const styles = StyleSheet.create({
   group: {

package/dist/targets/native/components/search.js

@@ -2,6 +2,7 @@ import {
   __objRest,
   __spreadValues
 } from "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Pressable, StyleSheet, TextInput, View } from "react-native";
 import { Search as SearchIcon, X } from "lucide-react-native";
 import { useTheme } from "./theme.js";
@@ -29,50 +30,52 @@ function Search(_a) {
     onChangeText("");
     onClear == null ? void 0 : onClear();
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     View,
     {
       style: [
         styles.wrap,
         { backgroundColor: t["--surface-raised"], borderColor: t["--border-default"] }
+      ],
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { size: 18, color: t["--icon-default"] }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          __spreadValues({
+            value,
+            onChangeText,
+            placeholder,
+            placeholderTextColor: t["--text-muted"],
+            accessibilityLabel: accessibilityLabel != null ? accessibilityLabel : placeholder,
+            returnKeyType: "search",
+            onSubmitEditing: (e) => onSubmit == null ? void 0 : onSubmit(e.nativeEvent.text),
+            style: [styles.input, { color: t["--text-primary"] }]
+          }, rest)
+        ),
+        action ? /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: action.accessibilityLabel,
+            hitSlop: 8,
+            onPress: action.onPress,
+            style: ({ pressed }) => ({ opacity: pressed ? 0.6 : 1 }),
+            children: action.icon
+          }
+        ) : null,
+        hasValue ? /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: "Clear search",
+            hitSlop: 8,
+            onPress: handleClear,
+            style: ({ pressed }) => ({ opacity: pressed ? 0.6 : 1 }),
+            children: /* @__PURE__ */ jsx(X, { size: 18, color: t["--icon-default"] })
+          }
+        ) : null
       ]
-    },
-    /* @__PURE__ */ React.createElement(SearchIcon, { size: 18, color: t["--icon-default"] }),
-    /* @__PURE__ */ React.createElement(
-      TextInput,
-      __spreadValues({
-        value,
-        onChangeText,
-        placeholder,
-        placeholderTextColor: t["--text-muted"],
-        accessibilityLabel: accessibilityLabel != null ? accessibilityLabel : placeholder,
-        returnKeyType: "search",
-        onSubmitEditing: (e) => onSubmit == null ? void 0 : onSubmit(e.nativeEvent.text),
-        style: [styles.input, { color: t["--text-primary"] }]
-      }, rest)
-    ),
-    action ? /* @__PURE__ */ React.createElement(
-      Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: action.accessibilityLabel,
-        hitSlop: 8,
-        onPress: action.onPress,
-        style: ({ pressed }) => ({ opacity: pressed ? 0.6 : 1 })
-      },
-      action.icon
-    ) : null,
-    hasValue ? /* @__PURE__ */ React.createElement(
-      Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: "Clear search",
-        hitSlop: 8,
-        onPress: handleClear,
-        style: ({ pressed }) => ({ opacity: pressed ? 0.6 : 1 })
-      },
-      /* @__PURE__ */ React.createElement(X, { size: 18, color: t["--icon-default"] })
-    ) : null
+    }
   );
 }
 const styles = StyleSheet.create({