@rojaostudio/ds 1.0.1 → 2.0.0-next.0

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

@@ -1,18 +1,22 @@
 import "../../../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Pressable } from "react-native";
 import { Menu } from "./menu.js";
 function ContextMenu({ items, children }) {
   const [visible, setVisible] = useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      onLongPress: () => setVisible(true),
-      accessibilityHint: "Mantenha pressionado para abrir as a\xE7\xF5es",
-      delayLongPress: 350
-    },
-    children
-  ), /* @__PURE__ */ React.createElement(Menu, { visible, onClose: () => setVisible(false), items }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        onLongPress: () => setVisible(true),
+        accessibilityHint: "Mantenha pressionado para abrir as a\xE7\xF5es",
+        delayLongPress: 350,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(Menu, { visible, onClose: () => setVisible(false), items })
+  ] });
 }
 export {
   ContextMenu

package/dist/targets/native/components/currency-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 { StyleSheet, TextInput, View } from "react-native";
 import { Text } from "./text.js";
@@ -51,7 +52,7 @@ function CurrencyInput(_a) {
     const digits = text.replace(/\D/g, "").slice(0, 12);
     onChangeValueCents(digits ? parseInt(digits, 10) : 0);
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     View,
     {
       style: [
@@ -62,31 +63,33 @@ function CurrencyInput(_a) {
           opacity: disabled ? 0.5 : 1
         },
         style
+      ],
+      children: [
+        /* @__PURE__ */ jsx(Text, { variant: "body", color: "muted", style: { marginRight: 6 }, children: currency }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          __spreadValues({
+            value: display,
+            onChangeText: handle,
+            keyboardType: "number-pad",
+            editable: !disabled,
+            accessibilityLabel: accessibilityLabel != null ? accessibilityLabel : label,
+            accessibilityState: { disabled: !!disabled },
+            selectTextOnFocus: true,
+            placeholderTextColor: t["--text-placeholder"],
+            onFocus: (e) => {
+              setFocused(true);
+              onFocus == null ? void 0 : onFocus(e);
+            },
+            onBlur: (e) => {
+              setFocused(false);
+              onBlur == null ? void 0 : onBlur(e);
+            },
+            style: [styles.input, { color: disabled ? t["--text-disabled"] : t["--text-primary"] }]
+          }, rest)
+        )
       ]
-    },
-    /* @__PURE__ */ React.createElement(Text, { variant: "body", color: "muted", style: { marginRight: 6 } }, currency),
-    /* @__PURE__ */ React.createElement(
-      TextInput,
-      __spreadValues({
-        value: display,
-        onChangeText: handle,
-        keyboardType: "number-pad",
-        editable: !disabled,
-        accessibilityLabel: accessibilityLabel != null ? accessibilityLabel : label,
-        accessibilityState: { disabled: !!disabled },
-        selectTextOnFocus: true,
-        placeholderTextColor: t["--text-placeholder"],
-        onFocus: (e) => {
-          setFocused(true);
-          onFocus == null ? void 0 : onFocus(e);
-        },
-        onBlur: (e) => {
-          setFocused(false);
-          onBlur == null ? void 0 : onBlur(e);
-        },
-        style: [styles.input, { color: disabled ? t["--text-disabled"] : t["--text-primary"] }]
-      }, rest)
-    )
+    }
   );
 }
 const styles = StyleSheet.create({

package/dist/targets/native/components/danger-zone.js

@@ -1,20 +1,26 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { StyleSheet, View } from "react-native";
 import { Text } from "./text.js";
 import { useTheme } from "./theme.js";
 function DangerZone({ title, description, children, style }) {
   const t = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     View,
     {
       style: [
         styles.box,
         { backgroundColor: t["--danger-soft"], borderColor: t["--danger-border"] },
         style
+      ],
+      children: [
+        (title || description) && /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+          title ? /* @__PURE__ */ jsx(Text, { variant: "label", color: "danger", children: title }) : null,
+          description ? /* @__PURE__ */ jsx(Text, { variant: "caption", color: "danger", style: styles.description, children: description }) : null
+        ] }),
+        children
       ]
-    },
-    (title || description) && /* @__PURE__ */ React.createElement(View, { style: styles.header }, title ? /* @__PURE__ */ React.createElement(Text, { variant: "label", color: "danger" }, title) : null, description ? /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "danger", style: styles.description }, description) : null),
-    children
+    }
   );
 }
 const styles = StyleSheet.create({

package/dist/targets/native/components/date-picker.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Calendar, ChevronLeft, ChevronRight } from "lucide-react-native";
 import { useState } from "react";
 import { Modal, Pressable, StyleSheet, View } from "react-native";
@@ -76,79 +77,94 @@ function DatePicker({ value, onChange, min, max, placeholder, disabled }) {
     setOpen(false);
   }
   const cells = monthGrid(viewYear, viewMonth);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      onPress: openPicker,
-      disabled,
-      accessibilityRole: "button",
-      accessibilityLabel: value ? `Data: ${formatLong(value)}` : placeholder != null ? placeholder : "Selecione uma data",
-      accessibilityState: { disabled: !!disabled },
-      style: [
-        styles.field,
-        {
-          borderColor: t["--border-default"],
-          backgroundColor: t["--surface-default"],
-          opacity: disabled ? 0.5 : 1
-        }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(Text, { variant: "body", color: value ? "primary" : "muted", style: { flex: 1 } }, value ? formatDate(value) : placeholder != null ? placeholder : "Selecione uma data"),
-    /* @__PURE__ */ React.createElement(Calendar, { size: 20, color: t["--text-muted"] })
-  ), /* @__PURE__ */ React.createElement(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: () => setOpen(false) }, /* @__PURE__ */ React.createElement(Pressable, { style: styles.backdrop, onPress: () => setOpen(false) }, /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      style: [styles.card, { backgroundColor: t["--surface-default"] }],
-      onPress: (e) => e.stopPropagation(),
-      accessibilityViewIsModal: true
-    },
-    /* @__PURE__ */ React.createElement(View, { style: styles.header }, /* @__PURE__ */ React.createElement(Pressable, { onPress: () => shiftMonth(-1), hitSlop: 8, accessibilityRole: "button", accessibilityLabel: "M\xEAs anterior", style: styles.navBtn }, /* @__PURE__ */ React.createElement(ChevronLeft, { size: 22, color: t["--text-primary"] })), /* @__PURE__ */ React.createElement(Text, { variant: "label" }, MONTHS[viewMonth], " ", viewYear), /* @__PURE__ */ React.createElement(Pressable, { onPress: () => shiftMonth(1), hitSlop: 8, accessibilityRole: "button", accessibilityLabel: "Pr\xF3ximo m\xEAs", style: styles.navBtn }, /* @__PURE__ */ React.createElement(ChevronRight, { size: 22, color: t["--text-primary"] }))),
-    /* @__PURE__ */ React.createElement(View, { style: styles.week }, WEEKDAYS.map((w, i) => /* @__PURE__ */ React.createElement(View, { key: i, style: styles.cell }, /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "muted" }, w)))),
-    /* @__PURE__ */ React.createElement(View, { style: styles.grid }, cells.map((d, i) => {
-      if (!d) return /* @__PURE__ */ React.createElement(View, { key: i, style: styles.cell });
-      const selected = value ? sameDay(d, value) : false;
-      const off = isDisabled(d);
-      return /* @__PURE__ */ React.createElement(
-        Pressable,
-        {
-          key: i,
-          onPress: () => pick(d),
-          disabled: off,
-          accessibilityRole: "button",
-          accessibilityLabel: formatLong(d),
-          accessibilityState: { selected, disabled: off },
-          style: [
-            styles.cell,
-            styles.day,
-            selected ? { backgroundColor: t["--brand-primary"] } : null
-          ]
-        },
-        /* @__PURE__ */ React.createElement(
-          Text,
-          {
-            variant: "body-sm",
-            style: {
-              color: selected ? t["--brand-on-primary"] : off ? t["--text-placeholder"] : t["--text-primary"]
-            }
-          },
-          d.getDate()
-        )
-      );
-    })),
-    value && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
       Pressable,
       {
-        onPress: () => {
-          onChange(null);
-          setOpen(false);
-        },
+        onPress: openPicker,
+        disabled,
         accessibilityRole: "button",
-        accessibilityLabel: "Limpar data",
-        style: styles.clear
-      },
-      /* @__PURE__ */ React.createElement(Text, { variant: "body-sm", color: "muted" }, "Limpar")
-    )
-  ))));
+        accessibilityLabel: value ? `Data: ${formatLong(value)}` : placeholder != null ? placeholder : "Selecione uma data",
+        accessibilityState: { disabled: !!disabled },
+        style: [
+          styles.field,
+          {
+            borderColor: t["--border-default"],
+            backgroundColor: t["--surface-default"],
+            opacity: disabled ? 0.5 : 1
+          }
+        ],
+        children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body", color: value ? "primary" : "muted", style: { flex: 1 }, children: value ? formatDate(value) : placeholder != null ? placeholder : "Selecione uma data" }),
+          /* @__PURE__ */ jsx(Calendar, { size: 20, color: t["--text-muted"] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: () => setOpen(false), children: /* @__PURE__ */ jsx(Pressable, { style: styles.backdrop, onPress: () => setOpen(false), children: /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        style: [styles.card, { backgroundColor: t["--surface-default"] }],
+        onPress: (e) => e.stopPropagation(),
+        accessibilityViewIsModal: true,
+        children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => shiftMonth(-1), hitSlop: 8, accessibilityRole: "button", accessibilityLabel: "M\xEAs anterior", style: styles.navBtn, children: /* @__PURE__ */ jsx(ChevronLeft, { size: 22, color: t["--text-primary"] }) }),
+            /* @__PURE__ */ jsxs(Text, { variant: "label", children: [
+              MONTHS[viewMonth],
+              " ",
+              viewYear
+            ] }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => shiftMonth(1), hitSlop: 8, accessibilityRole: "button", accessibilityLabel: "Pr\xF3ximo m\xEAs", style: styles.navBtn, children: /* @__PURE__ */ jsx(ChevronRight, { size: 22, color: t["--text-primary"] }) })
+          ] }),
+          /* @__PURE__ */ jsx(View, { style: styles.week, children: WEEKDAYS.map((w, i) => /* @__PURE__ */ jsx(View, { style: styles.cell, children: /* @__PURE__ */ jsx(Text, { variant: "caption", color: "muted", children: w }) }, i)) }),
+          /* @__PURE__ */ jsx(View, { style: styles.grid, children: cells.map((d, i) => {
+            if (!d) return /* @__PURE__ */ jsx(View, { style: styles.cell }, i);
+            const selected = value ? sameDay(d, value) : false;
+            const off = isDisabled(d);
+            return /* @__PURE__ */ jsx(
+              Pressable,
+              {
+                onPress: () => pick(d),
+                disabled: off,
+                accessibilityRole: "button",
+                accessibilityLabel: formatLong(d),
+                accessibilityState: { selected, disabled: off },
+                style: [
+                  styles.cell,
+                  styles.day,
+                  selected ? { backgroundColor: t["--brand-primary"] } : null
+                ],
+                children: /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    variant: "body-sm",
+                    style: {
+                      color: selected ? t["--brand-on-primary"] : off ? t["--text-placeholder"] : t["--text-primary"]
+                    },
+                    children: d.getDate()
+                  }
+                )
+              },
+              i
+            );
+          }) }),
+          value && /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              onPress: () => {
+                onChange(null);
+                setOpen(false);
+              },
+              accessibilityRole: "button",
+              accessibilityLabel: "Limpar data",
+              style: styles.clear,
+              children: /* @__PURE__ */ jsx(Text, { variant: "body-sm", color: "muted", children: "Limpar" })
+            }
+          )
+        ]
+      }
+    ) }) })
+  ] });
 }
 const styles = StyleSheet.create({
   field: {

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

@@ -1,11 +1,12 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx } from "react/jsx-runtime";
 import { StyleSheet, View } from "react-native";
 import { useTheme } from "./theme.js";
 function Divider({ vertical, spacing }) {
   const t = useTheme();
   const hairline = StyleSheet.hairlineWidth;
   if (vertical) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       View,
       {
         accessibilityRole: "none",
@@ -18,7 +19,7 @@ function Divider({ vertical, spacing }) {
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     View,
     {
       accessibilityRole: "none",

package/dist/targets/native/components/empty-state.js

@@ -1,9 +1,14 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { View } from "react-native";
 import { Button } from "./button.js";
 import { Text } from "./text.js";
 function EmptyState({ title, description, cta }) {
-  return /* @__PURE__ */ React.createElement(View, { style: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12, paddingHorizontal: 32 } }, /* @__PURE__ */ React.createElement(Text, { variant: "title", style: { textAlign: "center" } }, title), description ? /* @__PURE__ */ React.createElement(Text, { variant: "body-sm", color: "muted", style: { textAlign: "center" } }, description) : null, cta ? /* @__PURE__ */ React.createElement(Button, { label: cta.label, onPress: cta.onPress, fullWidth: true }) : null);
+  return /* @__PURE__ */ jsxs(View, { style: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12, paddingHorizontal: 32 }, children: [
+    /* @__PURE__ */ jsx(Text, { variant: "title", style: { textAlign: "center" }, children: title }),
+    description ? /* @__PURE__ */ jsx(Text, { variant: "body-sm", color: "muted", style: { textAlign: "center" }, children: description }) : null,
+    cta ? /* @__PURE__ */ jsx(Button, { label: cta.label, onPress: cta.onPress, fullWidth: true }) : null
+  ] });
 }
 export {
   EmptyState

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

@@ -1,6 +1,7 @@
 import {
   __spreadValues
 } from "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus } from "lucide-react-native";
 import {
   cloneElement,
@@ -30,37 +31,39 @@ function FAB({
   const t = useTheme();
   const insets = useSafeAreaInsets();
   const fg = t["--brand-on-primary"];
-  const glyph = tintIcon(icon != null ? icon : /* @__PURE__ */ React.createElement(Plus, null), fg, 24);
-  return /* @__PURE__ */ React.createElement(
+  const glyph = tintIcon(icon != null ? icon : /* @__PURE__ */ jsx(Plus, {}), fg, 24);
+  return /* @__PURE__ */ jsx(
     View,
     {
       pointerEvents: "box-none",
       style: [
         styles.anchor,
         { right: 16, bottom: (insets.bottom > 0 ? insets.bottom : 16) + 16 }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(
-      Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel,
-        accessibilityState: { disabled },
-        disabled,
-        hitSlop: 8,
-        onPress,
-        style: ({ pressed }) => [
-          styles.base,
-          extended ? styles.extended : styles.circle,
-          {
-            backgroundColor: t["--brand-primary"],
-            opacity: disabled ? 0.5 : pressed ? 0.85 : 1
-          }
-        ]
-      },
-      glyph,
-      extended && label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: fg }], numberOfLines: 1 }, label) : null
-    )
+      ],
+      children: /* @__PURE__ */ jsxs(
+        Pressable,
+        {
+          accessibilityRole: "button",
+          accessibilityLabel,
+          accessibilityState: { disabled },
+          disabled,
+          hitSlop: 8,
+          onPress,
+          style: ({ pressed }) => [
+            styles.base,
+            extended ? styles.extended : styles.circle,
+            {
+              backgroundColor: t["--brand-primary"],
+              opacity: disabled ? 0.5 : pressed ? 0.85 : 1
+            }
+          ],
+          children: [
+            glyph,
+            extended && label ? /* @__PURE__ */ jsx(Text, { style: [styles.label, { color: fg }], numberOfLines: 1, children: label }) : null
+          ]
+        }
+      )
+    }
   );
 }
 const FABContext = createContext({
@@ -71,7 +74,10 @@ const FABContext = createContext({
 function FABProvider({ children }) {
   const [config, setConfig] = useState(null);
   const setFAB = useCallback((next) => setConfig(next), []);
-  return /* @__PURE__ */ React.createElement(FABContext.Provider, { value: { config, setFAB } }, children, config ? /* @__PURE__ */ React.createElement(FAB, __spreadValues({}, config)) : null);
+  return /* @__PURE__ */ jsxs(FABContext.Provider, { value: { config, setFAB }, children: [
+    children,
+    config ? /* @__PURE__ */ jsx(FAB, __spreadValues({}, config)) : null
+  ] });
 }
 function useFAB() {
   return useContext(FABContext);

package/dist/targets/native/components/filter-chip.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx } from "react/jsx-runtime";
 import { Pressable, StyleSheet, View } from "react-native";
 import { Text } from "./text.js";
 import { useTheme } from "./theme.js";
@@ -7,7 +8,7 @@ function FilterChip({ label, active, onPress, disabled = false }) {
   const bg = active ? t["--brand-primary"] : t["--surface-default"];
   const fg = active ? t["--brand-on-primary"] : t["--text-primary"];
   const border = active ? t["--brand-primary"] : t["--border-default"];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Pressable,
     {
       onPress: disabled ? void 0 : onPress,
@@ -23,9 +24,9 @@ function FilterChip({ label, active, onPress, disabled = false }) {
           borderColor: border,
           opacity: disabled ? 0.5 : pressed ? 0.85 : 1
         }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(Text, { variant: "caption", style: [styles.label, { color: fg }] }, label)
+      ],
+      children: /* @__PURE__ */ jsx(Text, { variant: "caption", style: [styles.label, { color: fg }], children: label })
+    }
   );
 }
 function FilterChipGroup({
@@ -34,16 +35,16 @@ function FilterChipGroup({
   onChange,
   disabled = false
 }) {
-  return /* @__PURE__ */ React.createElement(View, { style: styles.group }, items.map((item) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(View, { style: styles.group, children: items.map((item) => /* @__PURE__ */ jsx(
     FilterChip,
     {
-      key: item.value,
       label: item.label,
       active: item.value === value,
       onPress: () => onChange(item.value),
       disabled
-    }
-  )));
+    },
+    item.value
+  )) });
 }
 const styles = StyleSheet.create({
   chip: {

package/dist/targets/native/components/form-field.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle } from "lucide-react-native";
 import { cloneElement, isValidElement } from "react";
 import { View } from "react-native";
@@ -13,16 +14,25 @@ function FormField({ label, hint, error, required, children }) {
     error: (_a = children.props.error) != null ? _a : error ? true : void 0,
     accessibilityLabel: (_b = children.props.accessibilityLabel) != null ? _b : a11yLabel
   }) : children;
-  return /* @__PURE__ */ React.createElement(View, { style: { gap: 6 } }, label ? /* @__PURE__ */ React.createElement(View, { style: { flexDirection: "row", alignItems: "center", gap: 4 } }, /* @__PURE__ */ React.createElement(Text, { variant: "label", style: { flexShrink: 1 } }, label), required ? /* @__PURE__ */ React.createElement(Text, { variant: "label", color: "danger", accessibilityElementsHidden: true, importantForAccessibility: "no" }, "*") : null) : null, field, error ? /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: { flexDirection: "row", alignItems: "flex-start", gap: 4 },
-      accessibilityLiveRegion: "polite",
-      accessibilityRole: "alert"
-    },
-    /* @__PURE__ */ React.createElement(AlertCircle, { size: 14, color: t["--danger-text"], style: { marginTop: 2 } }),
-    /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "danger", style: { flex: 1 } }, error)
-  ) : hint ? /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "muted" }, hint) : null);
+  return /* @__PURE__ */ jsxs(View, { style: { gap: 6 }, children: [
+    label ? /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "label", style: { flexShrink: 1 }, children: label }),
+      required ? /* @__PURE__ */ jsx(Text, { variant: "label", color: "danger", accessibilityElementsHidden: true, importantForAccessibility: "no", children: "*" }) : null
+    ] }) : null,
+    field,
+    error ? /* @__PURE__ */ jsxs(
+      View,
+      {
+        style: { flexDirection: "row", alignItems: "flex-start", gap: 4 },
+        accessibilityLiveRegion: "polite",
+        accessibilityRole: "alert",
+        children: [
+          /* @__PURE__ */ jsx(AlertCircle, { size: 14, color: t["--danger-text"], style: { marginTop: 2 } }),
+          /* @__PURE__ */ jsx(Text, { variant: "caption", color: "danger", style: { flex: 1 }, children: error })
+        ]
+      }
+    ) : hint ? /* @__PURE__ */ jsx(Text, { variant: "caption", color: "muted", children: hint }) : null
+  ] });
 }
 export {
   FormField

package/dist/targets/native/components/form-screen.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { KeyboardAvoidingView, Platform, ScrollView, Text, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { Button } from "./button.js";
@@ -16,7 +17,7 @@ function SavingBar({
   const t = useTheme();
   const insets = useSafeAreaInsets();
   if (!visible) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     View,
     {
       style: {
@@ -28,58 +29,62 @@ function SavingBar({
         // Respeita o home indicator do iPhone; soma 16 de respiro quando não há inset.
         paddingBottom: insets.bottom > 0 ? insets.bottom : 16,
         gap: 8
-      }
-    },
-    message ? /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        style: {
-          color: t["--text-muted"],
-          fontSize: 13
-        }
       },
-      message
-    ) : null,
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        label,
-        variant: "primary",
-        fullWidth: true,
-        onPress: onSave,
-        loading,
-        disabled
-      }
-    ),
-    onDiscard ? /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        label: discardLabel,
-        variant: "secondary",
-        fullWidth: true,
-        onPress: onDiscard,
-        disabled: loading
-      }
-    ) : null
+      children: [
+        message ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              color: t["--text-muted"],
+              fontSize: 13
+            },
+            children: message
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            label,
+            variant: "primary",
+            fullWidth: true,
+            onPress: onSave,
+            loading,
+            disabled
+          }
+        ),
+        onDiscard ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            label: discardLabel,
+            variant: "secondary",
+            fullWidth: true,
+            onPress: onDiscard,
+            disabled: loading
+          }
+        ) : null
+      ]
+    }
   );
 }
 function FormScreen({ children, saveBar }) {
   const t = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     KeyboardAvoidingView,
     {
       style: { flex: 1, backgroundColor: t["--surface-page"] },
-      behavior: Platform.OS === "ios" ? "padding" : void 0
-    },
-    /* @__PURE__ */ React.createElement(
-      ScrollView,
-      {
-        contentContainerStyle: { padding: 16, gap: 16 },
-        keyboardShouldPersistTaps: "handled"
-      },
-      children
-    ),
-    saveBar
+      behavior: Platform.OS === "ios" ? "padding" : void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollView,
+          {
+            contentContainerStyle: { padding: 16, gap: 16 },
+            keyboardShouldPersistTaps: "handled",
+            children
+          }
+        ),
+        saveBar
+      ]
+    }
   );
 }
 export {