@rojaostudio/ds 1.0.0

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

@@ -0,0 +1,103 @@
+import {
+  __objRest,
+  __spreadValues
+} from "../../../chunk-ORMEWXMH.js";
+import { useState } from "react";
+import { Pressable, StyleSheet, TextInput, View } from "react-native";
+import { X } from "lucide-react-native";
+import { Text } from "./text.js";
+import { useTheme } from "./theme.js";
+function Input(_a) {
+  var _b = _a, {
+    label,
+    error,
+    prefix,
+    suffix,
+    clearable,
+    style,
+    onFocus,
+    onBlur,
+    onChangeText,
+    accessibilityLabel
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "error",
+    "prefix",
+    "suffix",
+    "clearable",
+    "style",
+    "onFocus",
+    "onBlur",
+    "onChangeText",
+    "accessibilityLabel"
+  ]);
+  const t = useTheme();
+  const [focused, setFocused] = useState(false);
+  const borderColor = error ? t["--danger"] : focused ? t["--border-focus"] : t["--border-default"];
+  function handleFocus(e) {
+    setFocused(true);
+    onFocus == null ? void 0 : onFocus(e);
+  }
+  function handleBlur(e) {
+    setFocused(false);
+    onBlur == null ? void 0 : onBlur(e);
+  }
+  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,
+      {
+        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);
+}
+function renderAffix(node, t) {
+  if (typeof node === "string") {
+    return /* @__PURE__ */ React.createElement(Text, { variant: "body", style: { color: t["--text-muted"] } }, node);
+  }
+  return node;
+}
+const styles = StyleSheet.create({
+  field: {
+    flexDirection: "row",
+    alignItems: "center",
+    minHeight: 48,
+    borderRadius: 12,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    gap: 8
+  },
+  input: { flex: 1, height: 46, fontSize: 16, padding: 0 },
+  affix: { alignItems: "center", justifyContent: "center" }
+});
+export {
+  Input
+};

package/dist/targets/native/components/list-item.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+
+type IconType = ComponentType<{
+    color?: string;
+    size?: number;
+}>;
+type Props = {
+    title: string;
+    subtitle?: string;
+    icon?: IconType;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    onPress?: () => void;
+    showChevron?: boolean;
+    disabled?: boolean;
+};
+declare function ListItem({ title, subtitle, icon: Icon, leading, trailing, onPress, showChevron, disabled, }: Props): react.JSX.Element;
+
+export { ListItem };

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

@@ -0,0 +1,71 @@
+import "../../../chunk-ORMEWXMH.js";
+import { ChevronRight } from "lucide-react-native";
+import { Pressable, View } from "react-native";
+import { Text } from "./text.js";
+import { useTheme } from "./theme.js";
+function ListItem({
+  title,
+  subtitle,
+  icon: Icon,
+  leading,
+  trailing,
+  onPress,
+  showChevron,
+  disabled
+}) {
+  const t = useTheme();
+  const body = /* @__PURE__ */ React.createElement(
+    View,
+    {
+      style: {
+        minHeight: 56,
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 14,
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+        borderRadius: 12,
+        borderWidth: 1,
+        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
+  );
+  return onPress ? /* @__PURE__ */ React.createElement(
+    Pressable,
+    {
+      onPress: disabled ? void 0 : onPress,
+      disabled,
+      accessibilityRole: "button",
+      accessibilityState: { disabled: !!disabled },
+      accessibilityLabel: subtitle ? `${title}, ${subtitle}` : title,
+      hitSlop: 8,
+      android_ripple: { color: t["--surface-raised"] },
+      style: ({ pressed }) => [
+        pressed && !disabled ? { backgroundColor: t["--surface-raised"], borderRadius: 12 } : null
+      ]
+    },
+    body
+  ) : body;
+}
+export {
+  ListItem
+};

package/dist/targets/native/components/menu.d.ts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+
+type IconType = ComponentType<{
+    color?: string;
+    size?: number;
+}>;
+type Props = {
+    visible: boolean;
+    onClose: () => void;
+    items?: MenuItem[];
+    children?: ReactNode;
+};
+declare function Menu({ visible, onClose, items, children }: Props): react.JSX.Element;
+type MenuItem = {
+    label: string;
+    icon?: IconType;
+    destructive?: boolean;
+    onPress: () => void;
+    disabled?: boolean;
+};
+declare function MenuItem({ label, icon: Icon, destructive, onPress, disabled }: MenuItem): react.JSX.Element;
+
+export { Menu, MenuItem };

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

@@ -0,0 +1,71 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../../chunk-ORMEWXMH.js";
+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(
+    MenuItem,
+    __spreadProps(__spreadValues({
+      key: `${item.label}-${i}`
+    }, item), {
+      onPress: () => {
+        onClose();
+        item.onPress();
+      }
+    })
+  )) : 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(
+    Pressable,
+    {
+      accessibilityRole: "menuitem",
+      accessibilityState: { disabled: !!disabled },
+      accessibilityLabel: label,
+      disabled,
+      onPress: disabled ? void 0 : onPress,
+      hitSlop: 8,
+      android_ripple: { color: t["--surface-raised"] },
+      style: ({ pressed }) => [
+        styles.item,
+        {
+          backgroundColor: pressed && !disabled ? t["--surface-raised"] : t["--surface-default"],
+          opacity: disabled ? 0.5 : 1
+        }
+      ]
+    },
+    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({
+  list: {
+    paddingHorizontal: 12,
+    paddingTop: 4,
+    gap: 2
+  },
+  item: {
+    minHeight: 56,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 14,
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderRadius: 12
+  },
+  icon: {
+    width: 24,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+export {
+  Menu,
+  MenuItem
+};

package/dist/targets/native/components/modal.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+
+type Props = {
+    visible: boolean;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    destructive?: boolean;
+};
+declare function Modal({ visible, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, }: Props): react.JSX.Element;
+
+export { Modal };

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

@@ -0,0 +1,110 @@
+import "../../../chunk-ORMEWXMH.js";
+import { useEffect, useRef } from "react";
+import { Animated, Modal as RNModal, Pressable, StyleSheet, Text, View } from "react-native";
+import { Button } from "./button.js";
+import { useTheme } from "./theme.js";
+function Modal({
+  visible,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  onCancel,
+  destructive = false
+}) {
+  const t = useTheme();
+  const scale = useRef(new Animated.Value(0.92)).current;
+  const opacity = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (visible) {
+      Animated.parallel([
+        Animated.timing(scale, { toValue: 1, duration: 180, useNativeDriver: true }),
+        Animated.timing(opacity, { toValue: 1, duration: 180, useNativeDriver: true })
+      ]).start();
+    } else {
+      scale.setValue(0.92);
+      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,
+      {
+        label: confirmLabel,
+        variant: destructive ? "danger" : "primary",
+        onPress: onConfirm
+      }
+    ))
+  )));
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24
+  },
+  backdrop: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "rgba(0, 0, 0, 0.55)"
+  },
+  card: {
+    width: "100%",
+    maxWidth: 400,
+    borderRadius: 16,
+    borderWidth: 1,
+    padding: 24,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.18,
+    shadowRadius: 24,
+    elevation: 12
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "600"
+  },
+  description: {
+    fontSize: 15,
+    lineHeight: 22,
+    marginTop: 8
+  },
+  footer: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    gap: 8,
+    marginTop: 24
+  }
+});
+export {
+  Modal
+};

package/dist/targets/native/components/paywall-banner.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+
+type PaywallBannerProps = {
+    title: string;
+    description?: string;
+    ctaLabel?: string;
+    onPress: () => void;
+};
+declare function PaywallBanner({ title, description, ctaLabel, onPress }: PaywallBannerProps): react.JSX.Element;
+
+export { PaywallBanner, type PaywallBannerProps };

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

@@ -0,0 +1,46 @@
+import "../../../chunk-ORMEWXMH.js";
+import { Lock } from "lucide-react-native";
+import { StyleSheet, View } from "react-native";
+import { Button } from "./button.js";
+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(
+    View,
+    {
+      accessibilityRole: "summary",
+      style: [
+        styles.container,
+        { backgroundColor: t["--surface-raised"], borderColor: t["--border-default"] }
+      ]
+    },
+    /* @__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({
+  container: {
+    borderWidth: 1,
+    borderRadius: 12,
+    padding: 16,
+    gap: 14
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 12
+  },
+  iconWrap: {
+    width: 40,
+    height: 40,
+    borderRadius: 10,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  copy: { flex: 1 },
+  desc: { marginTop: 2 }
+});
+export {
+  PaywallBanner
+};

package/dist/targets/native/components/paywall.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+
+type PaywallReason = 'feature' | 'limit';
+type PaywallIcon = 'lock' | 'catalog' | 'channels' | 'commercial' | 'operation' | 'intelligence' | 'billing';
+type PaywallContentProps = {
+    icon?: PaywallIcon;
+    title: string;
+    description?: string;
+    reason?: PaywallReason;
+    planLabel?: string;
+    ctaLabel?: string;
+    onCta: () => void;
+};
+/** Visual puro do paywall — o app envolve num Sheet/overlay (gate de ação) ou
+ *  num container de tela cheia (gate de seção). */
+declare function PaywallContent({ icon, title, description, reason, planLabel, ctaLabel, onCta, }: PaywallContentProps): react.JSX.Element;
+
+export { PaywallContent, type PaywallContentProps, type PaywallIcon, type PaywallReason };

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

@@ -0,0 +1,61 @@
+import "../../../chunk-ORMEWXMH.js";
+import {
+  Lock,
+  Package,
+  Send,
+  HandCoins,
+  Store,
+  BarChart3,
+  CreditCard
+} from "lucide-react-native";
+import { StyleSheet, View } from "react-native";
+import { Button } from "./button.js";
+import { Text } from "./text.js";
+import { useTheme } from "./theme.js";
+const ICONS = {
+  lock: Lock,
+  catalog: Package,
+  channels: Send,
+  commercial: HandCoins,
+  operation: Store,
+  intelligence: BarChart3,
+  billing: CreditCard
+};
+function planLineText(reason, planLabel) {
+  if (reason === "limit") return "Limite atingido";
+  return planLabel ? `Dispon\xEDvel no ${planLabel}` : "Fa\xE7a upgrade";
+}
+function PaywallContent({
+  icon = "lock",
+  title,
+  description,
+  reason = "feature",
+  planLabel,
+  ctaLabel = "Ver planos",
+  onCta
+}) {
+  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 }));
+}
+const styles = StyleSheet.create({
+  container: { alignItems: "center", paddingHorizontal: 8, gap: 12, width: "100%" },
+  iconWrap: { position: "relative", marginBottom: 4 },
+  lockBadge: {
+    position: "absolute",
+    bottom: -4,
+    right: -4,
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  pill: { borderRadius: 999, paddingHorizontal: 10, paddingVertical: 4 },
+  title: { textAlign: "center" },
+  desc: { textAlign: "center", maxWidth: 320 }
+});
+export {
+  PaywallContent
+};

package/dist/targets/native/components/radio.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type RadioProps = {
+    label?: string;
+    value: string;
+    selected?: boolean;
+    onSelect?: (value: string) => void;
+    disabled?: boolean;
+};
+declare function Radio({ label, value, selected, onSelect, disabled }: RadioProps): react.JSX.Element;
+type RadioGroupProps = {
+    value: string | null;
+    onChange: (value: string) => void;
+    children: ReactNode;
+    disabled?: boolean;
+};
+declare function RadioGroup({ value, onChange, children, disabled }: RadioGroupProps): react.JSX.Element;
+
+export { Radio, RadioGroup };

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

@@ -0,0 +1,71 @@
+import "../../../chunk-ORMEWXMH.js";
+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(
+    Pressable,
+    {
+      accessibilityRole: "radio",
+      accessibilityState: { checked: selected, disabled: !!disabled },
+      accessibilityLabel: label,
+      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
+  );
+}
+function RadioGroup({ value, onChange, children, disabled }) {
+  return /* @__PURE__ */ React.createElement(View, { accessibilityRole: "radiogroup", style: styles.group }, Children.map(children, (child) => {
+    var _a;
+    if (!isValidElement(child)) return child;
+    const el = child;
+    return cloneElement(el, {
+      selected: el.props.value === value,
+      onSelect: onChange,
+      disabled: (_a = el.props.disabled) != null ? _a : disabled
+    });
+  }));
+}
+const styles = StyleSheet.create({
+  group: {
+    gap: 4
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    minHeight: 44
+  },
+  ring: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5
+  }
+});
+export {
+  Radio,
+  RadioGroup
+};

package/dist/targets/native/components/search.d.ts

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { TextInputProps } from 'react-native';
+
+type Props = Omit<TextInputProps, 'value' | 'onChangeText' | 'style'> & {
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    /** Callback do botão clear (X). Limpa o campo. */
+    onClear?: () => void;
+    /** Disparado no submit (Enter / botão de busca do teclado). */
+    onSubmit?: (query: string) => void;
+    /** Slot de ação persistente à direita (antes do X). Ex.: scanner de código de barras. */
+    action?: {
+        icon: ReactNode;
+        onPress: () => void;
+        accessibilityLabel: string;
+    };
+};
+declare function Search({ value, onChangeText, placeholder, onClear, onSubmit, action, accessibilityLabel, ...rest }: Props): react.JSX.Element;
+
+export { Search };