@terreno/ui 0.0.1

package/src/__snapshots__/Avatar.test.tsx.snap

@@ -0,0 +1,57 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`Avatar renders correctly with default props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": null,
+          "props": {
+            "accessibilityIgnoresInvertColors": true,
+            "onError": [Function],
+            "source": {
+              "cache": "force-cache",
+              "uri": "https://example.com/avatar.jpg",
+            },
+            "style": {
+              "borderColor": "transparent",
+              "borderRadius": 28,
+              "borderWidth": 0,
+              "height": 56,
+              "overflow": "hidden",
+            },
+            "testID": "avatar-image",
+          },
+          "type": "Image",
+        },
+      ],
+      "props": {
+        "aria-role": "button",
+        "style": {
+          "borderRadius": 1,
+          "cursor": "auto",
+          "overflow": "hidden",
+          "position": "relative",
+        },
+      },
+      "type": "Pressable",
+    },
+  ],
+  "props": {
+    "accessibilityHint": "Avatar image",
+    "aria-label": "John Doe's avatar",
+    "aria-role": "image",
+    "style": {
+      "height": 56,
+      "position": "relative",
+      "width": 56,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;

package/src/__snapshots__/Badge.test.tsx.snap

@@ -0,0 +1,55 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`Badge renders correctly with default props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            "Test",
+          ],
+          "props": {
+            "style": {
+              "color": "#FFFFFF",
+              "fontFamily": "text",
+              "fontSize": 10,
+              "fontWeight": "700",
+            },
+          },
+          "type": "Text",
+        },
+      ],
+      "props": {
+        "style": [
+          {
+            "alignItems": "center",
+            "backgroundColor": "#2B6072",
+            "borderRadius": 4,
+            "flexDirection": "row",
+            "height": "auto",
+            "justifyContent": "center",
+            "paddingHorizontal": 8,
+            "paddingVertical": 4,
+            "width": "auto",
+          },
+          false,
+          false,
+        ],
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "alignItems": "flex-start",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;

package/src/__snapshots__/Box.test.tsx.snap

@@ -0,0 +1,162 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`Box snapshots should match snapshot with default props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": null,
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {},
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Box snapshots should match snapshot with layout props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": null,
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "alignItems": "center",
+      "display": "flex",
+      "flexDirection": "column",
+      "flexGrow": 1,
+      "flexShrink": 1,
+      "justifyContent": "center",
+      "margin": 8,
+      "padding": 16,
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`Box snapshots should match snapshot with clickable props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": null,
+  "props": {
+    "accessibilityHint": "Tap to trigger action",
+    "aria-label": "Click me",
+    "aria-role": "button",
+    "onLayout": undefined,
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "onPress": [Function: AsyncFunction],
+    "style": {
+      "accessibilityHint": "Tap to trigger action",
+      "accessibilityLabel": "Click me",
+    },
+    "testID": undefined,
+  },
+  "type": "Pressable",
+}
+`;
+
+exports[`Box snapshots should match snapshot with scroll enabled 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": null,
+      "props": {
+        "onPointerEnter": [Function: AsyncFunction],
+        "onPointerLeave": [Function: AsyncFunction],
+        "style": {
+          "scroll": true,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "contentContainerStyle": {
+      "alignContent": undefined,
+      "alignItems": undefined,
+      "justifyContent": undefined,
+    },
+    "horizontal": false,
+    "keyboardShouldPersistTaps": "handled",
+    "nestedScrollEnabled": true,
+    "onScroll": [Function],
+    "ref": {
+      "current": null,
+    },
+    "scrollEventThrottle": 50,
+    "style": {
+      "scroll": true,
+    },
+  },
+  "type": "ScrollView",
+}
+`;
+
+exports[`Box snapshots should match snapshot with keyboard avoidance 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": null,
+          "props": {
+            "onPointerEnter": [Function: AsyncFunction],
+            "onPointerLeave": [Function: AsyncFunction],
+            "style": {
+              "avoidKeyboard": true,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "display": "flex",
+          "flex": 1,
+        },
+      },
+      "type": "SafeAreaView",
+    },
+  ],
+  "props": {
+    "behavior": "padding",
+    "keyboardVerticalOffset": undefined,
+    "style": {
+      "display": "flex",
+      "flex": 1,
+    },
+  },
+  "type": "KeyboardAvoidingView",
+}
+`;
+
+exports[`Box snapshots should match snapshot with border and rounding 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": null,
+  "props": {
+    "onPointerEnter": [Function: AsyncFunction],
+    "onPointerLeave": [Function: AsyncFunction],
+    "style": {
+      "backgroundColor": "#0E9DCD",
+      "borderColor": "#CDCDCD",
+      "borderRadius": 4,
+      "borderWidth": 1,
+      "boxShadow": "2px 2px 2px rgba(153, 153, 153, 1.0)",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;

package/src/__snapshots__/EmojiSelector.test.tsx.snap

@@ -0,0 +1,422 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`EmojiSelector matches snapshot 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "⚾️",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "😀",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "🏳️‍🌈",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "🍔",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "🕘",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "🦄",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "💡",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "🧑",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#007AFF",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "✈️",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "🔣",
+              ],
+              "props": {
+                "style": {
+                  "fontSize": 18,
+                  "paddingBottom": 8,
+                  "textAlign": "center",
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "onPress": [Function],
+            "style": {
+              "alignItems": "center",
+              "borderBottomWidth": 2,
+              "borderColor": "#EEEEEE",
+              "flex": 1,
+              "justifyContent": "center",
+              "maxHeight": 60,
+              "minHeight": 44,
+            },
+          },
+          "type": "TouchableOpacity",
+        },
+      ],
+      "props": {
+        "style": {
+          "flexDirection": "row",
+          "maxHeight": 60,
+          "minHeight": 44,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "autoCorrect": false,
+                "clearButtonMode": "always",
+                "onChangeText": [Function],
+                "placeholder": "Search emojis",
+                "returnKeyType": "done",
+                "style": {
+                  "backgroundColor": "#E5E8E9",
+                  "borderRadius": 10,
+                  "height": 36,
+                  "margin": 8,
+                  "paddingLeft": 8,
+                },
+                "underlineColorAndroid": "#007AFF",
+                "value": "",
+              },
+              "type": "TextInput",
+            },
+          ],
+          "props": {
+            "style": {
+              "backgroundColor": "rgba(255,255,255,0.75)",
+              "width": "100%",
+              "zIndex": 1,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": null,
+              "props": {
+                "color": "#000000",
+                "size": "large",
+              },
+              "type": "ActivityIndicator",
+            },
+          ],
+          "props": {
+            "style": {
+              "alignItems": "center",
+              "flex": 1,
+              "justifyContent": "center",
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "flex": 1,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "onLayout": [Function],
+    "style": {
+      "flex": 1,
+      "width": "100%",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;