@kivid/native-components 1.0.0-alpha.1

package/dist/module/iconography/Icons/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import * as IconsNative from '@butterfly/icons/native';
+import React, { useMemo, useState } from 'react';
+import { Alert, FlatList, Pressable, SafeAreaView, Text, TextInput, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Icons(props) {
+  const {
+    size = 24,
+    color = 'currentColor'
+  } = props;
+  const icons = Object.entries(IconsNative).map(([name, IconComponent]) => ({
+    name,
+    component: IconComponent
+  }));
+  const [searchTerm, setSearchTerm] = useState('');
+  const iconsFiltered = useMemo(() => {
+    const sorted = [...icons].sort((a, b) => a.name.localeCompare(b.name));
+    return sorted.filter(icon => icon.name.toLowerCase().includes(searchTerm.toLowerCase()));
+  }, [icons, searchTerm]);
+  function handleIconPress(name) {
+    const isCurrentColor = color === 'currentColor';
+    const component = `<${name} size={${size}} ${isCurrentColor ? '' : `color="${color}"`} />`;
+    Alert.alert(`Ícone selecionado: ${component}`);
+  }
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    className: "m-16",
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      placeholder: "Pesquisar \xEDcones...",
+      placeholderTextColor: "#98A3A3",
+      style: {
+        width: '100%',
+        height: 40,
+        marginBottom: 16,
+        borderRadius: 8,
+        borderWidth: 1,
+        borderColor: '#98A3A3',
+        paddingHorizontal: 12,
+        fontSize: 16
+      },
+      onChangeText: setSearchTerm,
+      value: searchTerm
+    }), /*#__PURE__*/_jsx(FlatList, {
+      data: iconsFiltered,
+      keyExtractor: ({
+        name
+      }) => name,
+      numColumns: 4,
+      columnWrapperStyle: {
+        justifyContent: "flex-start"
+      },
+      contentContainerStyle: {
+        paddingBottom: 32
+      },
+      renderItem: ({
+        item: {
+          name,
+          component: IconComponent
+        }
+      }) => /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1,
+          alignItems: "center",
+          marginVertical: 8
+        },
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          style: {
+            flexDirection: "column",
+            alignItems: "center",
+            padding: 8
+          },
+          onPress: () => handleIconPress(name),
+          children: [/*#__PURE__*/_jsx(IconComponent, {
+            size: size,
+            color: color
+          }), /*#__PURE__*/_jsx(Text, {
+            style: {
+              marginTop: 8,
+              fontSize: 12,
+              textAlign: "center",
+              maxWidth: 100
+            },
+            numberOfLines: 1,
+            children: name
+          })]
+        })
+      })
+    })]
+  });
+}
+;
+//# sourceMappingURL=index.js.map

package/dist/module/iconography/Icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconsNative","React","useMemo","useState","Alert","FlatList","Pressable","SafeAreaView","Text","TextInput","View","jsx","_jsx","jsxs","_jsxs","Icons","props","size","color","icons","Object","entries","map","name","IconComponent","component","searchTerm","setSearchTerm","iconsFiltered","sorted","sort","a","b","localeCompare","filter","icon","toLowerCase","includes","handleIconPress","isCurrentColor","alert","className","children","placeholder","placeholderTextColor","style","width","height","marginBottom","borderRadius","borderWidth","borderColor","paddingHorizontal","fontSize","onChangeText","value","data","keyExtractor","numColumns","columnWrapperStyle","justifyContent","contentContainerStyle","paddingBottom","renderItem","item","flex","alignItems","marginVertical","flexDirection","padding","onPress","marginTop","textAlign","maxWidth","numberOfLines"],"sourceRoot":"../../../../src","sources":["iconography/Icons/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/iconography/Icons/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/iconography/Icons/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["iconography/Icons/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./components/index.js";
+//# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,uBAAc","ignoreList":[]}

package/dist/module/nativewind-env.d.js

@@ -0,0 +1,3 @@
+/// <reference types="nativewind/types" />
+"use strict";
+//# sourceMappingURL=nativewind-env.d.js.map

package/dist/module/nativewind-env.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["nativewind-env.d.ts"],"mappings":"AAAA;AAAA","ignoreList":[]}

package/dist/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/module/welcome.mdx

@@ -0,0 +1,3 @@
+# Butterfly Mobile Design System
+
+Welcome to Butterfly Mobile Design System!

package/dist/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@butterfly/native-components",
+  "version": "1.0.0-alpha.1",
+  "description": "A React Native component library for the Butterfly Design System.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kivid-saude/butterfly",
+    "directory": "packages/native-components"
+  },
+  "bugs": {
+    "url": "https://github.com/kivid-saude/butterfly/issues"
+  },
+  "homepage": "https://github.com/kivid-saude/butterfly/tree/main/packages/native-components#readme",
+  "license": "MIT",
+  "main": "./module/index.js",
+  "module": "./module/index.js",
+  "types": "./typescript/index.d.ts",
+  "sideEffects": false,
+  "peerDependencies": {
+    "@butterfly/icons": "workspace:*",
+    "@butterfly/tailwind-preset": "workspace:*",
+    "@lottiefiles/dotlottie-react": "^0.15.1",
+    "class-variance-authority": "^0.7.1",
+    "lottie-react-native": "^7.2.4",
+    "react": "19.0.0",
+    "react-native": "0.79.5"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "dist",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ]
+    ]
+  },
+  "style": "./styles.css",
+  "exports": {
+    ".": {
+      "source": "./typescript/index.d.ts",
+      "types": "./typescript/index.d.ts",
+      "import": "./module/index.js",
+      "require": "./commonjs/index.js"
+    },
+    "./styles": "./styles.css",
+    "./package.json": "./package.json"
+  }
+}

package/dist/typescript/components/Button/assets/class-variants.d.ts

@@ -0,0 +1,16 @@
+declare const buttonVariants: (props?: ({
+    variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    corners?: "small" | "medium" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const textVariants: (props?: ({
+    variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const selectedVariants: (props?: ({
+    variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { buttonVariants, textVariants, selectedVariants };