@rojaostudio/ds 1.0.0 → 1.0.2

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 {

package/dist/targets/native/components/google-icon.js

@@ -1,31 +1,37 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
 function GoogleIcon({ size = 18 }) {
-  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 48 48" }, /* @__PURE__ */ React.createElement(
-    Path,
-    {
-      fill: "#FFC107",
-      d: "M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Path,
-    {
-      fill: "#FF3D00",
-      d: "M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Path,
-    {
-      fill: "#4CAF50",
-      d: "M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238C29.211 35.091 26.715 36 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Path,
-    {
-      fill: "#1976D2",
-      d: "M43.611 20.083H42V20H24v8h11.303c-0.792 2.237-2.231 4.166-4.087 5.571l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Svg, { width: size, height: size, viewBox: "0 0 48 48", children: [
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        fill: "#FFC107",
+        d: "M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        fill: "#FF3D00",
+        d: "M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        fill: "#4CAF50",
+        d: "M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238C29.211 35.091 26.715 36 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        fill: "#1976D2",
+        d: "M43.611 20.083H42V20H24v8h11.303c-0.792 2.237-2.231 4.166-4.087 5.571l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"
+      }
+    )
+  ] });
 }
 export {
   GoogleIcon

package/dist/targets/native/components/icon-button.js

@@ -3,6 +3,7 @@ import {
   __spreadProps,
   __spreadValues
 } from "../../../chunk-ORMEWXMH.js";
+import { jsx } from "react/jsx-runtime";
 import {
   ActivityIndicator,
   Pressable,
@@ -48,9 +49,9 @@ function IconButton(_a) {
   }[variant];
   const box = BOX[size];
   const hit = Math.max(0, Math.round((44 - box) / 2)) + 4;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Pressable,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       accessibilityRole: "button",
       accessibilityLabel,
       accessibilityState: { disabled: !!isDisabled, busy: loading },
@@ -64,8 +65,9 @@ function IconButton(_a) {
         borderWidth: skin.border ? 1 : 0,
         opacity: isDisabled ? 0.5 : pressed ? 0.8 : 1
       })
-    }, rest),
-    loading ? /* @__PURE__ */ React.createElement(ActivityIndicator, { color: skin.fg }) : /* @__PURE__ */ React.createElement(View, null, icon)
+    }, rest), {
+      children: loading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: skin.fg }) : /* @__PURE__ */ jsx(View, { children: icon })
+    })
   );
 }
 const styles = StyleSheet.create({

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

@@ -1,8 +1,9 @@
 import "../../../chunk-ORMEWXMH.js";
+import { jsx } from "react/jsx-runtime";
 import { useTheme } from "./theme.js";
 function Icon({ icon: Glyph, size = 24, color }) {
   const t = useTheme();
-  return /* @__PURE__ */ React.createElement(Glyph, { size, color: color != null ? color : t["--icon-default"] });
+  return /* @__PURE__ */ jsx(Glyph, { size, color: color != null ? color : t["--icon-default"] });
 }
 export {
   Icon

package/dist/targets/native/components/image-upload.js

@@ -1,4 +1,5 @@
 import "../../../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Image } from "expo-image";
 import * as ImagePicker from "expo-image-picker";
 import { ImagePlus, X } from "lucide-react-native";
@@ -32,63 +33,71 @@ function ImageUpload({ value, onChange, onUpload, max = 10, onError }) {
       setBusy(false);
     }
   }
-  return /* @__PURE__ */ React.createElement(View, { style: { flexDirection: "row", flexWrap: "wrap", gap: 8 } }, value.map((url) => /* @__PURE__ */ React.createElement(
-    View,
-    {
-      key: url,
-      style: {
-        width: TILE,
-        height: TILE,
-        borderRadius: 12,
-        overflow: "hidden",
-        backgroundColor: t["--surface-raised"]
-      }
-    },
-    /* @__PURE__ */ React.createElement(Image, { source: { uri: url }, style: { width: "100%", height: "100%" }, contentFit: "cover" }),
-    /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", flexWrap: "wrap", gap: 8 }, children: [
+    value.map((url) => /* @__PURE__ */ jsxs(
+      View,
+      {
+        style: {
+          width: TILE,
+          height: TILE,
+          borderRadius: 12,
+          overflow: "hidden",
+          backgroundColor: t["--surface-raised"]
+        },
+        children: [
+          /* @__PURE__ */ jsx(Image, { source: { uri: url }, style: { width: "100%", height: "100%" }, contentFit: "cover" }),
+          /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              onPress: () => onChange(value.filter((u) => u !== url)),
+              hitSlop: 11,
+              accessibilityRole: "button",
+              accessibilityLabel: "Remover foto",
+              style: {
+                position: "absolute",
+                top: 4,
+                right: 4,
+                width: 22,
+                height: 22,
+                borderRadius: 11,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: "rgba(0, 0, 0, 0.55)"
+              },
+              children: /* @__PURE__ */ jsx(X, { size: 14, color: "#ffffff" })
+            }
+          )
+        ]
+      },
+      url
+    )),
+    value.length < max ? /* @__PURE__ */ jsx(
       Pressable,
       {
-        onPress: () => onChange(value.filter((u) => u !== url)),
-        hitSlop: 11,
+        onPress: pick,
+        disabled: busy,
         accessibilityRole: "button",
-        accessibilityLabel: "Remover foto",
+        accessibilityLabel: busy ? "Enviando foto" : "Adicionar foto",
+        accessibilityState: { busy, disabled: busy },
         style: {
-          position: "absolute",
-          top: 4,
-          right: 4,
-          width: 22,
-          height: 22,
-          borderRadius: 11,
+          width: TILE,
+          height: TILE,
+          borderRadius: 12,
+          borderWidth: 1,
+          borderStyle: "dashed",
+          borderColor: t["--border-default"],
           alignItems: "center",
           justifyContent: "center",
-          backgroundColor: "rgba(0, 0, 0, 0.55)"
-        }
-      },
-      /* @__PURE__ */ React.createElement(X, { size: 14, color: "#ffffff" })
-    )
-  )), value.length < max ? /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      onPress: pick,
-      disabled: busy,
-      accessibilityRole: "button",
-      accessibilityLabel: busy ? "Enviando foto" : "Adicionar foto",
-      accessibilityState: { busy, disabled: busy },
-      style: {
-        width: TILE,
-        height: TILE,
-        borderRadius: 12,
-        borderWidth: 1,
-        borderStyle: "dashed",
-        borderColor: t["--border-default"],
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 4,
-        backgroundColor: t["--surface-default"]
+          gap: 4,
+          backgroundColor: t["--surface-default"]
+        },
+        children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { color: t["--brand-primary"] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ImagePlus, { size: 22, color: t["--text-muted"] }),
+          /* @__PURE__ */ jsx(Text, { variant: "caption", color: "muted", children: "Foto" })
+        ] })
       }
-    },
-    busy ? /* @__PURE__ */ React.createElement(ActivityIndicator, { color: t["--brand-primary"] }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ImagePlus, { size: 22, color: t["--text-muted"] }), /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "muted" }, "Foto"))
-  ) : null);
+    ) : null
+  ] });
 }
 export {
   ImageUpload