@factorialco/f0-react-native 0.21.0 → 0.23.0

package/README.md

@@ -1,5 +1,7 @@
 # F0 React Native 🎨
 
+> 🚧 **Status: WIP** — We are building this design system from the ground up. Expect changes and breaking changes as we iterate. 🏗️
+
 React Native implementation of the F0 Design System.
 
 ## 🚀 Quick Setup
@@ -10,18 +12,28 @@ React Native implementation of the F0 Design System.
 # Install package and peer dependencies
 pnpm add @factorialco/f0-react-native \
   date-fns@^3.6.0 \
-  nativewind@^4.2.1 \
   react-native-reanimated@^3.19.4 \
   react-native-safe-area-context@^5.4.0 \
   react-native-svg@^15.12.1 \
   react-native-worklets-core@^1.6.2 \
-  tailwindcss@^3.4.19 \
+  tailwind-merge@^3.4.0 \
+  tailwind-variants@^3.2.2 \
+  tailwindcss@^4.1.18 \
+  uniwind@^1.2.7 \
   twemoji-parser@^14.0.0
-
-# Install dev dependencies
-pnpm add -D tailwindcss@^3.4.19
 ```
 
+> **Note:** The following peer dependencies are required:
+> - `uniwind` and `tailwindcss` - Required for styling (must be configured in Metro and CSS files)
+> - `tailwind-merge` and `tailwind-variants` - Required for component variant system and class merging
+> - `react-native-reanimated` - Required for animations
+> - `react-native-safe-area-context` - Required for safe area handling
+> - `react-native-svg` - Required for icon components
+> - `date-fns` - Required for date utilities
+> - `twemoji-parser` - Required for emoji support
+> 
+> `react-native-worklets-core` is optional but recommended for better performance.
+
 ### 2️⃣ Configure Babel
 
 **`babel.config.js`:**
@@ -30,10 +42,7 @@ pnpm add -D tailwindcss@^3.4.19
 module.exports = function (api) {
   api.cache(true);
   return {
-    presets: [
-      ["babel-preset-expo", { jsxImportSource: "nativewind" }], // Expo only
-      "nativewind/babel",
-    ],
+    presets: ["babel-preset-expo"], // Expo only
     plugins: [
       "react-native-worklets-core/plugin",
       "react-native-reanimated/plugin", // MUST be last
@@ -42,44 +51,48 @@ module.exports = function (api) {
 };
 ```
 
+> **Note:** Uniwind doesn't require special Babel configuration. The above is a standard Expo setup.
+
 ### 3️⃣ Configure Metro
 
 **`metro.config.js`:**
 
 ```javascript
 const { getDefaultConfig } = require("expo/metro-config");
-const { withNativeWind } = require("nativewind/metro");
+const { withUniwindConfig } = require("uniwind/metro");
 
 const config = getDefaultConfig(__dirname);
-module.exports = withNativeWind(config, { input: "./global.css" });
-```
-
-### 4️⃣ Configure Tailwind
 
-**`tailwind.config.js`:**
+// Ensure CSS files trigger reloads
+config.resolver.sourceExts = [...(config.resolver.sourceExts || []), "css"];
 
-```javascript
-const f0Config = require("@factorialco/f0-react-native/tailwind.config");
-
-module.exports = {
-  ...f0Config,
-  content: [
-    ...(f0Config.content || []),
-    "./app/**/*.{js,jsx,ts,tsx}",
-    "./src/**/*.{js,jsx,ts,tsx}",
-  ],
-  presets: [require("nativewind/preset"), ...(f0Config.presets || [])],
-};
+module.exports = withUniwindConfig(config, {
+  cssEntryFile: "./global.css",
+  dtsFile: "./uniwind-types.d.ts",
+});
 ```
 
-### 5️⃣ Create Global CSS
+### 4️⃣ Create Global CSS
 
 **`global.css` (root):**
 
 ```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@import 'uniwind';
+
+/* Import F0 styles (theme tokens + base styles) */
+@import '@factorialco/f0-react-native/styles';
+
+/* Add your app's source paths for Tailwind CSS v4 */
+@source "./app/**/*.{js,jsx,ts,tsx}";
+@source "./src/**/*.{js,jsx,ts,tsx}";
+
+/* Add F0 component sources so Tailwind can detect classes */
+@source "./node_modules/@factorialco/f0-react-native/lib";
+
+/* Also scan library source files */
+@source "./node_modules/@factorialco/f0-react-native/src/**/*.{js,jsx,ts,tsx}";
+
 ```
 
 **Import in your entry file (`App.tsx` or `index.js`):**
@@ -88,29 +101,164 @@ module.exports = {
 import "./global.css";
 ```
 
+> **Note:** Add `@source "./node_modules/@factorialco/f0-react-native/lib";` so Tailwind can detect all component classes.
+
+### 5️⃣ Add Custom Fonts (Host App)
+
+To use custom fonts in your host app, load them with Expo Font and override the font CSS variables.
+
+**Install font dependencies (Expo):**
+
+```bash
+pnpm add expo-font @expo-google-fonts/your-font
+```
+
+**Load fonts in your app (Expo):**
+
+```tsx
+import { useFonts } from "expo-font";
+import {
+  YourFont_400Regular,
+  YourFont_500Medium,
+  YourFont_600SemiBold,
+} from "@expo-google-fonts/your-font";
+
+export default function App() {
+  const [fontsLoaded] = useFonts({
+    YourFont_400Regular,
+    YourFont_500Medium,
+    YourFont_600SemiBold,
+  });
+
+  if (!fontsLoaded) {
+    return null; // Or return a loading screen
+  }
+
+  return <YourApp />; // Render your app root
+}
+```
+
+**Override font variables in `global.css`:**
+
+```css
+@theme {
+  --font-normal: "YourFont-Regular";
+  --font-medium: "YourFont-Medium";
+  --font-semibold: "YourFont-SemiBold";
+}
+```
+
+> **Note:** The font names must match the PostScript names of the loaded fonts. Use the exact names from your font package or assets.
+
 ### 6️⃣ TypeScript Support (Optional)
 
-**`nativewind-env.d.ts` (root):**
+**`uniwind-types.d.ts` (root):**
 
 ```typescript
-/// <reference types="nativewind/types" />
+/// <reference types="uniwind/types" />
 ```
 
+This file is automatically generated by Uniwind when you run Metro. You can add it to your `.gitignore` if desired.
+
 ## 📦 Usage
 
+### Basic Component Usage
+
 ```tsx
 import { Button, Icon, AppIcons } from "@factorialco/f0-react-native";
 
 export default function App() {
   return (
     <>
-      <Button>Click me</Button>
+      <Button label="Click me" variant="default" size="md" />
       <Icon icon={AppIcons.Calendar} size="md" />
     </>
   );
 }
 ```
 
+### Using the `cn` Utility
+
+The package exports a `cn` utility function for merging Tailwind classes with automatic conflict resolution:
+
+```tsx
+import { cn } from "@factorialco/f0-react-native";
+import { View } from "react-native";
+
+function MyComponent({ className, isActive }) {
+  return (
+    <View
+      className={cn(
+        'bg-background p-4 rounded-lg',
+        'border border-divider',
+        isActive && 'bg-accent',
+        className
+      )}
+    />
+  );
+}
+```
+
+The `cn` utility:
+- ✅ Automatically merges Tailwind classes with conflict resolution
+- ✅ Uses `tailwind-merge` under the hood
+- ✅ Supports custom opacity class groups
+- ✅ Properly handles conditional classes
+
+### Component Variants
+
+All components use `tailwind-variants` for type-safe variant props:
+
+```tsx
+import { Button } from "@factorialco/f0-react-native";
+
+// Type-safe variants
+<Button 
+  label="Primary Button"
+  variant="default"  // ✅ Autocomplete: "default" | "outline" | "critical" | "neutral" | "ghost" | "promote"
+  size="md"          // ✅ Autocomplete: "sm" | "md" | "lg"
+/>
+```
+
+## 🔧 Troubleshooting
+
+### Classes Not Being Detected by Uniwind
+
+If styles from F0 components aren't being applied, ensure:
+
+1. **Import styles and add source paths:** Your `global.css` includes the F0 styles and the F0 source path:
+   ```css
+   @import '@factorialco/f0-react-native/styles';
+   @source "./node_modules/@factorialco/f0-react-native/lib";
+   ```
+
+2. **Metro Cache:** Clear Metro bundler cache:
+   ```bash
+   npx expo start --clear
+   # or
+   npm start -- --reset-cache
+   ```
+
+3. **Dependencies:** Verify all peer dependencies are installed:
+   ```bash
+   pnpm list tailwind-merge tailwind-variants tailwindcss uniwind
+   ```
+
+### TypeScript Errors with Variants
+
+If you see TypeScript errors related to variants, ensure `tailwind-variants` is installed:
+
+```bash
+pnpm add tailwind-variants@^3.2.2
+```
+
+### Build Errors
+
+If you encounter build errors, ensure:
+- All peer dependencies are installed
+- Metro config includes CSS file extensions
+- Babel plugins are properly configured
+
 ## 🔧 Development
 
 ```bash
@@ -118,15 +266,33 @@ export default function App() {
 pnpm test
 
 # Type check
-pnpm tsc-check
+pnpm tsc
 
 # Lint
 pnpm lint
-```
 
-## 📚 Documentation
+# Build package
+pnpm build
+```
 
-For detailed installation guide, see [docs/INSTALLATION.md](./docs/INSTALLATION.md).
+## 📦 Peer Dependencies
+
+This package requires the following peer dependencies to be installed in your host project:
+
+| Package | Version | Required | Purpose |
+|---------|---------|----------|---------|
+| `react` | `*` | ✅ Yes | React library |
+| `react-native` | `*` | ✅ Yes | React Native framework |
+| `tailwindcss` | `^4.1.18` | ✅ Yes | CSS framework |
+| `uniwind` | `^1.2.7` | ✅ Yes | Tailwind CSS for React Native |
+| `tailwind-merge` | `^3.4.0` | ✅ Yes | Class merging utility |
+| `tailwind-variants` | `^3.2.2` | ✅ Yes | Variant system |
+| `react-native-reanimated` | `^3.19.4` | ✅ Yes | Animations |
+| `react-native-safe-area-context` | `^5.4.0` | ✅ Yes | Safe area handling |
+| `react-native-svg` | `^15.12.1` | ✅ Yes | SVG support for icons |
+| `date-fns` | `^3.6.0` | ✅ Yes | Date utilities |
+| `twemoji-parser` | `^14.0.0` | ✅ Yes | Emoji support |
+| `react-native-worklets-core` | `^1.6.2` | ⚠️ Optional | Performance optimization |
 
 ## 📄 License
 

package/lib/module/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ActivityItem Snapshot 1`] = `
+<View
+  accessibilityLabel="activity-item"
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
+  accessible={true}
+  className="flex w-full flex-row gap-2 rounded-lg p-2 pr-3 "
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+>
+  <View
+    className="flex-1"
+  >
+    <Text
+      className="line-clamp-1 text-lg font-medium text-f1-foreground"
+    >
+      Activity Title
+    </Text>
+    <Text
+      className="line-clamp-2 text-lg text-f1-foreground-secondary"
+    />
+    <View
+      className="mt-1.5 flex flex-row"
+    >
+      <Text
+        className="text-md text-f1-foreground-secondary"
+      >
+        Time off · Today
+      </Text>
+    </View>
+  </View>
+  <View
+    className="ml-1"
+  />
+</View>
+`;

package/lib/module/components/Activity/ActivityItem/index.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{View,Text,Pressable}from"react-native";import{useState}from"react";import{IconAvatar}from"../../Avatars/exports";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var ActivityItem=function ActivityItem(_ref){var id=_ref.id,date=_ref.date,title=_ref.title,description=_ref.description,icon=_ref.icon,category=_ref.category,_ref$isUnread=_ref.isUnread,isUnread=_ref$isUnread===void 0?false:_ref$isUnread,_onPress=_ref.onPress;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isPressed=_useState2[0],setIsPressed=_useState2[1];return _jsxs(Pressable,{className:`flex w-full flex-row gap-2 rounded-lg p-2 pr-3 ${isPressed?"bg-f1-background-hover":""}`,onPressIn:function onPressIn(){return setIsPressed(false);},onPressOut:function onPressOut(){return setIsPressed(false);},onPress:function onPress(){return _onPress(id);},accessibilityLabel:"activity-item",children:[icon&&_jsx(View,{accessibilityLabel:"activity-icon-container",children:_jsx(IconAvatar,{icon:icon,size:"md"})}),_jsxs(View,{className:"flex-1",children:[_jsx(Text,{className:"line-clamp-1 text-lg font-medium text-f1-foreground",children:title}),_jsx(Text,{className:"line-clamp-2 text-lg text-f1-foreground-secondary",children:description}),_jsx(View,{className:"mt-1.5 flex flex-row",children:_jsx(Text,{className:"text-md text-f1-foreground-secondary",children:`${category} · ${date}`})})]}),_jsx(View,{className:"ml-1",children:isUnread&&_jsx(View,{accessibilityLabel:"unread-indicator",className:"mt-1.5 h-2 w-2 rounded-full bg-f1-icon-accent"})})]});};export var ActivityItemSkeleton=function ActivityItemSkeleton(){return _jsxs(View,{accessibilityLabel:"activity-skeleton",className:"flex w-full flex-row gap-2 rounded-lg p-2 pr-3",children:[_jsx(View,{className:"h-10 w-10 rounded-lg bg-f1-background-secondary"}),_jsxs(View,{className:"flex-1",children:[_jsx(View,{className:"mb-1 h-5 w-3/4 rounded-sm bg-f1-background-secondary"}),_jsx(View,{className:"mb-1 h-5 w-full rounded-sm bg-f1-background-secondary"}),_jsx(View,{className:"mb-1.5 h-5 w-2/3 rounded-sm bg-f1-background-secondary"}),_jsx(View,{className:"h-5 w-1/2 rounded-sm bg-f1-background-secondary"})]}),_jsx(View,{className:"ml-1 w-2"})]});};
+//# sourceMappingURL=index.js.map

package/lib/module/components/Activity/ActivityItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","useState","IconAvatar","jsx","_jsx","jsxs","_jsxs","ActivityItem","_ref","id","date","title","description","icon","category","_ref$isUnread","isUnread","onPress","_useState","_useState2","_slicedToArray","isPressed","setIsPressed","className","onPressIn","onPressOut","accessibilityLabel","children","size","ActivityItemSkeleton"],"sourceRoot":"../../../../../src","sources":["components/Activity/ActivityItem/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Activity/ActivityItem/index.spec.js

@@ -0,0 +1,2 @@
+import{render,fireEvent,screen}from"@testing-library/react-native";import React from"react";import{ActivityItem,ActivityItemSkeleton}from"../../Activity/ActivityItem";import{jsx as _jsx}from"react/jsx-runtime";jest.mock("../../Avatars/IconAvatar",function(){return{IconAvatar:function IconAvatar(){return null;}};});var mockIcon="check";var mockOnPress=jest.fn();describe("ActivityItem",function(){var defaultProps={id:"activity-123",date:"Today",title:"Activity Title",category:"Time off",onPress:mockOnPress};beforeEach(function(){jest.clearAllMocks();});it("Snapshot",function(){var _render=render(_jsx(ActivityItem,Object.assign({},defaultProps))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it("renders correctly with required props",function(){render(_jsx(ActivityItem,Object.assign({},defaultProps)));var title=screen.getByText("Activity Title");var moduleDate=screen.getByText("Time off · Today");expect(title).toBeDefined();expect(moduleDate).toBeDefined();});it("renders correctly with description",function(){render(_jsx(ActivityItem,Object.assign({},defaultProps,{description:"Test description"})));var description=screen.getByText("Test description");expect(description).toBeDefined();});it("renders icon container when icon is provided",function(){render(_jsx(ActivityItem,Object.assign({},defaultProps,{icon:mockIcon})));var icon=screen.getByLabelText("activity-icon-container");expect(icon).toBeDefined();});it("does not render icon container when icon is not provided",function(){render(_jsx(ActivityItem,Object.assign({},defaultProps)));var icon=screen.queryByLabelText("activity-icon-container");expect(icon).toBeNull();});it("shows unread indicator when isUnread is true",function(){render(_jsx(ActivityItem,Object.assign({},defaultProps,{isUnread:true})));var indicator=screen.getByLabelText("unread-indicator");expect(indicator).toBeDefined();});it("does not show unread indicator when isUnread is false",function(){render(_jsx(ActivityItem,Object.assign({},defaultProps,{isUnread:false})));var indicator=screen.queryByLabelText("unread-indicator");expect(indicator).toBeNull();});it("calls onPress with correct id when pressed",function(){render(_jsx(ActivityItem,Object.assign({},defaultProps)));fireEvent.press(screen.getByLabelText("activity-item"));expect(mockOnPress).toHaveBeenCalledWith("activity-123");});});describe("ActivityItemSkeleton",function(){it("renders skeleton correctly",function(){render(_jsx(ActivityItemSkeleton,{}));var skeleton=screen.getByLabelText("activity-skeleton");expect(skeleton).toBeDefined();});});
+//# sourceMappingURL=index.spec.js.map

package/lib/module/components/Activity/ActivityItem/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","fireEvent","screen","React","ActivityItem","ActivityItemSkeleton","jsx","_jsx","jest","mock","IconAvatar","mockIcon","mockOnPress","fn","describe","defaultProps","id","date","title","category","onPress","beforeEach","clearAllMocks","it","_render","Object","assign","toJSON","expect","toMatchSnapshot","getByText","moduleDate","toBeDefined","description","icon","getByLabelText","queryByLabelText","toBeNull","isUnread","indicator","press","toHaveBeenCalledWith","skeleton"],"sourceRoot":"../../../../../src","sources":["components/Activity/ActivityItem/index.spec.tsx"],"mappings":"AAAA,OAASA,MAAM,CAAEC,SAAS,CAAEC,MAAM,KAAQ,+BAA+B,CACzE,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OACEC,YAAY,CACZC,oBAAoB,KACf,6BAA6B,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAGrCC,IAAI,CAACC,IAAI,CAAC,0BAA0B,CAAE,iBAAO,CAC3CC,UAAU,CAAE,QAAZ,CAAAA,UAAUA,CAAA,QAAQ,KAAI,EACxB,CAAC,EAAC,CAAC,CAGH,GAAM,CAAAC,QAAkB,CAAG,OAA8B,CACzD,GAAM,CAAAC,WAAW,CAAGJ,IAAI,CAACK,EAAE,CAAC,CAAC,CAE7BC,QAAQ,CAAC,cAAc,CAAE,UAAM,CAC7B,GAAM,CAAAC,YAAY,CAAG,CACnBC,EAAE,CAAE,cAAc,CAClBC,IAAI,CAAE,OAAO,CACbC,KAAK,CAAE,gBAAgB,CACvBC,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAER,WACX,CAAC,CAEDS,UAAU,CAAC,UAAM,CACfb,IAAI,CAACc,aAAa,CAAC,CAAC,CACtB,CAAC,CAAC,CAEFC,EAAE,CAAC,UAAU,CAAE,UAAM,CACnB,IAAAC,OAAA,CAAmBxB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,CAAG,CAAC,CAAC,CAArDY,MAAM,CAAAH,OAAA,CAANG,MAAM,CACdC,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAACE,eAAe,CAAC,CAAC,CACpC,CAAC,CAAC,CAEFN,EAAE,CAAC,uCAAuC,CAAE,UAAM,CAChDvB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,CAAG,CAAC,CAAC,CAE1C,GAAM,CAAAG,KAAK,CAAGhB,MAAM,CAAC4B,SAAS,CAAC,gBAAgB,CAAC,CAChD,GAAM,CAAAC,UAAU,CAAG7B,MAAM,CAAC4B,SAAS,CAAC,kBAAkB,CAAC,CAEvDF,MAAM,CAACV,KAAK,CAAC,CAACc,WAAW,CAAC,CAAC,CAC3BJ,MAAM,CAACG,UAAU,CAAC,CAACC,WAAW,CAAC,CAAC,CAClC,CAAC,CAAC,CAEFT,EAAE,CAAC,oCAAoC,CAAE,UAAM,CAC7CvB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,EAAEkB,WAAW,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAEzE,GAAM,CAAAA,WAAW,CAAG/B,MAAM,CAAC4B,SAAS,CAAC,kBAAkB,CAAC,CAExDF,MAAM,CAACK,WAAW,CAAC,CAACD,WAAW,CAAC,CAAC,CACnC,CAAC,CAAC,CAEFT,EAAE,CAAC,8CAA8C,CAAE,UAAM,CACvDvB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,EAAEmB,IAAI,CAAEvB,QAAS,EAAE,CAAC,CAAC,CAE1D,GAAM,CAAAuB,IAAI,CAAGhC,MAAM,CAACiC,cAAc,CAAC,yBAAyB,CAAC,CAE7DP,MAAM,CAACM,IAAI,CAAC,CAACF,WAAW,CAAC,CAAC,CAC5B,CAAC,CAAC,CAEFT,EAAE,CAAC,0DAA0D,CAAE,UAAM,CACnEvB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,CAAG,CAAC,CAAC,CAE1C,GAAM,CAAAmB,IAAI,CAAGhC,MAAM,CAACkC,gBAAgB,CAAC,yBAAyB,CAAC,CAE/DR,MAAM,CAACM,IAAI,CAAC,CAACG,QAAQ,CAAC,CAAC,CACzB,CAAC,CAAC,CAEFd,EAAE,CAAC,8CAA8C,CAAE,UAAM,CACvDvB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,EAAEuB,QAAQ,CAAE,IAAK,EAAE,CAAC,CAAC,CAE1D,GAAM,CAAAC,SAAS,CAAGrC,MAAM,CAACiC,cAAc,CAAC,kBAAkB,CAAC,CAE3DP,MAAM,CAACW,SAAS,CAAC,CAACP,WAAW,CAAC,CAAC,CACjC,CAAC,CAAC,CAEFT,EAAE,CAAC,uDAAuD,CAAE,UAAM,CAChEvB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,EAAEuB,QAAQ,CAAE,KAAM,EAAE,CAAC,CAAC,CAE3D,GAAM,CAAAC,SAAS,CAAGrC,MAAM,CAACkC,gBAAgB,CAAC,kBAAkB,CAAC,CAE7DR,MAAM,CAACW,SAAS,CAAC,CAACF,QAAQ,CAAC,CAAC,CAC9B,CAAC,CAAC,CAEFd,EAAE,CAAC,4CAA4C,CAAE,UAAM,CACrDvB,MAAM,CAACO,IAAA,CAACH,YAAY,CAAAqB,MAAA,CAAAC,MAAA,IAAKX,YAAY,CAAG,CAAC,CAAC,CAE1Cd,SAAS,CAACuC,KAAK,CAACtC,MAAM,CAACiC,cAAc,CAAC,eAAe,CAAC,CAAC,CAEvDP,MAAM,CAAChB,WAAW,CAAC,CAAC6B,oBAAoB,CAAC,cAAc,CAAC,CAC1D,CAAC,CAAC,CACJ,CAAC,CAAC,CAEF3B,QAAQ,CAAC,sBAAsB,CAAE,UAAM,CACrCS,EAAE,CAAC,4BAA4B,CAAE,UAAM,CACrCvB,MAAM,CAACO,IAAA,CAACF,oBAAoB,GAAE,CAAC,CAAC,CAEhC,GAAM,CAAAqC,QAAQ,CAAGxC,MAAM,CAACiC,cAAc,CAAC,mBAAmB,CAAC,CAE3DP,MAAM,CAACc,QAAQ,CAAC,CAACV,WAAW,CAAC,CAAC,CAChC,CAAC,CAAC,CACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Avatars/Avatar.js

@@ -0,0 +1,2 @@
+import{CompanyAvatar}from"./CompanyAvatar";import{PersonAvatar}from"./PersonAvatar";import{TeamAvatar}from"./TeamAvatar";import{jsx as _jsx}from"react/jsx-runtime";export var Avatar=function Avatar(_ref){var avatar=_ref.avatar,_ref$size=_ref.size,size=_ref$size===void 0?"xsmall":_ref$size;switch(avatar.type){case"person":return _jsx(PersonAvatar,{firstName:avatar.firstName,lastName:avatar.lastName,src:avatar.src,size:size,"aria-label":avatar["aria-label"],"aria-labelledby":avatar["aria-labelledby"]});case"team":return _jsx(TeamAvatar,{name:avatar.name,src:avatar.src,size:size,"aria-label":avatar["aria-label"],"aria-labelledby":avatar["aria-labelledby"]});case"company":return _jsx(CompanyAvatar,{name:avatar.name,src:avatar.src,size:size,"aria-label":avatar["aria-label"],"aria-labelledby":avatar["aria-labelledby"]});}};
+//# sourceMappingURL=Avatar.js.map

package/lib/module/components/Avatars/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CompanyAvatar","PersonAvatar","TeamAvatar","jsx","_jsx","Avatar","_ref","avatar","_ref$size","size","type","firstName","lastName","src","name"],"sourceRoot":"../../../../src","sources":["components/Avatars/Avatar.tsx"],"mappings":"AAEA,OAASA,aAAa,KAAQ,iBAAiB,CAC/C,OAASC,YAAY,KAAQ,gBAAgB,CAC7C,OAASC,UAAU,KAAQ,cAAc,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAW1C,MAAO,IAAM,CAAAC,MAAM,CAAG,QAAT,CAAAA,MAAMA,CAAAC,IAAA,CAMF,IALf,CAAAC,MAAM,CAAAD,IAAA,CAANC,MAAM,CAAAC,SAAA,CAAAF,IAAA,CACNG,IAAI,CAAJA,IAAI,CAAAD,SAAA,UAAG,QAAQ,CAAAA,SAAA,CAKf,OAAQD,MAAM,CAACG,IAAI,EACjB,IAAK,QAAQ,CACX,MACE,CAAAN,IAAA,CAACH,YAAY,EACXU,SAAS,CAAEJ,MAAM,CAACI,SAAU,CAC5BC,QAAQ,CAAEL,MAAM,CAACK,QAAS,CAC1BC,GAAG,CAAEN,MAAM,CAACM,GAAI,CAChBJ,IAAI,CAAEA,IAAK,CACX,aAAYF,MAAM,CAAC,YAAY,CAAE,CACjC,kBAAiBA,MAAM,CAAC,iBAAiB,CAAE,CAC5C,CAAC,CAEN,IAAK,MAAM,CACT,MACE,CAAAH,IAAA,CAACF,UAAU,EACTY,IAAI,CAAEP,MAAM,CAACO,IAAK,CAClBD,GAAG,CAAEN,MAAM,CAACM,GAAI,CAChBJ,IAAI,CAAEA,IAAK,CACX,aAAYF,MAAM,CAAC,YAAY,CAAE,CACjC,kBAAiBA,MAAM,CAAC,iBAAiB,CAAE,CAC5C,CAAC,CAEN,IAAK,SAAS,CACZ,MACE,CAAAH,IAAA,CAACJ,aAAa,EACZc,IAAI,CAAEP,MAAM,CAACO,IAAK,CAClBD,GAAG,CAAEN,MAAM,CAACM,GAAI,CAChBJ,IAAI,CAAEA,IAAK,CACX,aAAYF,MAAM,CAAC,YAAY,CAAE,CACjC,kBAAiBA,MAAM,CAAC,iBAAiB,CAAE,CAC5C,CAAC,CAER,CACF,CAAC","ignoreList":[]}

package/lib/module/components/Avatars/BaseAvatar/index.js

@@ -0,0 +1,2 @@
+import{Avatar as AvatarComponent,AvatarFallback,AvatarImage}from"../../../ui/avatar";import{useMemo}from"react";import{Badge}from"../../Badge";import{getAvatarColor,getInitials}from"./utils";import{View}from"react-native";import{ModuleAvatar}from"../ModuleAvatar";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var getAvatarSize=function getAvatarSize(size){var sizeMap={xlarge:"lg",large:"md",small:"sm"};return size&&sizeMap[size]?sizeMap[size]:sizeMap.small;};var getBadgeSize=function getBadgeSize(size){var sizeMap={xlarge:"lg",large:"md",small:"sm"};return size&&sizeMap[size]?sizeMap[size]:sizeMap.small;};export var BaseAvatar=function BaseAvatar(_ref){var src=_ref.src,name=_ref.name,size=_ref.size,_ref$type=_ref.type,type=_ref$type===void 0?"base":_ref$type,_ref$color=_ref.color,color=_ref$color===void 0?"random":_ref$color,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"],badge=_ref.badge;var initials=getInitials(name,size);var avatarColor=color==="random"?getAvatarColor(Array.isArray(name)?name.join(""):name):color;var hasAria=Boolean(ariaLabel||ariaLabelledby);var badgeSize=getBadgeSize(size);var moduleAvatarSize=getAvatarSize(size);var badgeContent=useMemo(function(){return badge?_jsxs(_Fragment,{children:[badge.type==="module"&&_jsx(ModuleAvatar,{module:badge.module,size:moduleAvatarSize}),badge.type!=="module"&&_jsx(Badge,{type:badge.type,icon:badge.icon,size:badgeSize})]}):null;},[badge,badgeSize,moduleAvatarSize]);return _jsxs(View,{className:`inline-flex ${badge&&badge.type==="module"?"p-[3px]":""}`,children:[_jsx(View,{className:"h-fit w-fit",children:_jsx(AvatarComponent,{size:size,type:type,color:avatarColor,role:"img","aria-hidden":!hasAria,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,"data-a11y-color-contrast-ignore":true,className:src?"dark:bg-f1-background-inverse-secondary bg-f1-background":"",children:src?_jsx(AvatarImage,{src:src,alt:initials}):_jsx(AvatarFallback,{size:size,"data-a11y-color-contrast-ignore":true,children:initials})})}),badge&&_jsx(View,{className:"absolute -bottom-0.5 -right-0.5",children:badgeContent})]});};BaseAvatar.displayName="BaseAvatar";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Avatars/BaseAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar","AvatarComponent","AvatarFallback","AvatarImage","useMemo","Badge","getAvatarColor","getInitials","View","ModuleAvatar","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getAvatarSize","size","sizeMap","xlarge","large","small","getBadgeSize","BaseAvatar","_ref","src","name","_ref$type","type","_ref$color","color","ariaLabel","ariaLabelledby","badge","initials","avatarColor","Array","isArray","join","hasAria","Boolean","badgeSize","moduleAvatarSize","badgeContent","children","module","icon","className","role","alt","displayName"],"sourceRoot":"../../../../../src","sources":["components/Avatars/BaseAvatar/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Avatars/BaseAvatar/utils.js

@@ -0,0 +1,2 @@
+import{color as AvatarColors}from"../../../ui/avatar";export function getInitials(name,size,isFile){var _nameArray$0$;var nameArray=Array.isArray(name)?name:[name];var isSmall=size==="xsmall"||size==="small";var minChar=isFile?3:2;if(isSmall)return((_nameArray$0$=nameArray[0][0])!=null?_nameArray$0$:"").toUpperCase();if(!Array.isArray(name))return name.slice(0,minChar).toUpperCase();return nameArray.slice(0,minChar).map(function(name){return name[0];}).join("").toUpperCase();}export function getAvatarColor(text){var hash=0;for(var i=0;i<text.length;i++){hash=text.charCodeAt(i)+((hash<<5)-hash);hash=hash&hash;}var index=(hash%AvatarColors.length+AvatarColors.length)%AvatarColors.length;return AvatarColors[index];}export var getMask={base:{xlarge:"path('M72 0H0V72H52.202C49.6089 69.459 48 65.9174 48 62C48 54.268 54.268 48 62 48C65.9174 48 69.459 49.6089 72 52.202V0ZM72 71.798C71.9333 71.866 71.866 71.9333 71.798 72H72V71.798Z')",large:"path('M56 0H0V56H39.0556C37.1554 53.877 36 51.0734 36 48C36 41.3726 41.3726 36 48 36C51.0734 36 53.877 37.1554 56 39.0556V0Z')",medium:"path('M32 0H0V32H22.2547C21.4638 30.8662 21 29.4872 21 28C21 24.134 24.134 21 28 21C29.4872 21 30.8662 21.4638 32 22.2547V0Z')",small:"path('M24 0H0V24H14.2547C13.4638 22.8662 13 21.4872 13 20C13 16.134 16.134 13 20 13C21.4872 13 22.8662 13.4638 24 14.2547V0Z')",xsmall:"path('M20 0H0V20H10.2547C9.46381 18.8662 9 17.4872 9 16C9 12.134 12.134 9 16 9C17.4872 9 18.8662 9.46381 20 10.2547V0Z')"},rounded:{xlarge:"path('M69.1842 49.9814C70.9975 45.6828 72 40.9585 72 36C72 16.1177 55.8823 0 36 0C16.1177 0 0 16.1177 0 36C0 55.8823 16.1177 72 36 72C40.9585 72 45.6828 70.9975 49.9814 69.1842C48.7232 67.0839 48 64.6264 48 62C48 54.268 54.268 48 62 48C64.6264 48 67.0839 48.7232 69.1842 49.9814Z')",large:"path('M54.2534 37.7562C55.3828 34.7182 56 31.4312 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56C31.4312 56 34.7182 55.3828 37.7562 54.2534C36.6421 52.4324 36 50.2912 36 48C36 41.3726 41.3726 36 48 36C50.2912 36 52.4324 36.6421 54.2534 37.7562Z')",medium:"path('M30.9702 21.6596C31.6358 19.9001 32 17.9926 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C17.9926 32 19.9001 31.6358 21.6596 30.9702C21.2365 30.0686 21 29.0619 21 28C21 24.134 24.134 21 28 21C29.0619 21 30.0686 21.2365 30.9702 21.6596Z')",small:"path('M23.8119 14.128C23.9355 13.4373 24 12.7262 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C12.7262 24 13.4373 23.9355 14.128 23.8119C13.4145 22.7151 13 21.406 13 20C13 16.134 16.134 13 20 13C21.406 13 22.7151 13.4145 23.8119 14.128Z')",xsmall:"path('M19.9969 10.2525C19.999 10.1686 20 10.0844 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C10.0844 20 10.1686 19.999 10.2525 19.9969C9.46297 18.8636 9 17.4859 9 16C9 12.134 12.134 9 16 9C17.4859 9 18.8636 9.46297 19.9969 10.2525Z')"},get:function get(){var type=arguments.length>0&&arguments[0]!==undefined?arguments[0]:"base";var size=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"medium";return getMask[type][size];}};
+//# sourceMappingURL=utils.js.map

package/lib/module/components/Avatars/BaseAvatar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["color","AvatarColors","getInitials","name","size","isFile","_nameArray$0$","nameArray","Array","isArray","isSmall","minChar","toUpperCase","slice","map","join","getAvatarColor","text","hash","i","length","charCodeAt","index","getMask","base","xlarge","large","medium","small","xsmall","rounded","get","type","arguments","undefined"],"sourceRoot":"../../../../../src","sources":["components/Avatars/BaseAvatar/utils.ts"],"mappings":"AAAA,OACEA,KAAK,GAAI,CAAAC,YAAY,KAIhB,oBAAoB,CAK3B,MAAO,SAAS,CAAAC,WAAWA,CACzBC,IAAuB,CACvBC,IAA8B,CAC9BC,MAAgB,CACR,KAAAC,aAAA,CACR,GAAM,CAAAC,SAAS,CAAGC,KAAK,CAACC,OAAO,CAACN,IAAI,CAAC,CAAGA,IAAI,CAAG,CAACA,IAAI,CAAC,CACrD,GAAM,CAAAO,OAAO,CAAGN,IAAI,GAAK,QAAQ,EAAIA,IAAI,GAAK,OAAO,CACrD,GAAM,CAAAO,OAAO,CAAGN,MAAM,CAAG,CAAC,CAAG,CAAC,CAE9B,GAAIK,OAAO,CAAE,MAAO,EAAAJ,aAAA,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAAD,aAAA,CAAI,EAAE,EAAEM,WAAW,CAAC,CAAC,CACzD,GAAI,CAACJ,KAAK,CAACC,OAAO,CAACN,IAAI,CAAC,CAAE,MAAO,CAAAA,IAAI,CAACU,KAAK,CAAC,CAAC,CAAEF,OAAO,CAAC,CAACC,WAAW,CAAC,CAAC,CAErE,MAAO,CAAAL,SAAS,CACbM,KAAK,CAAC,CAAC,CAAEF,OAAO,CAAC,CACjBG,GAAG,CAAC,SAACX,IAAI,QAAK,CAAAA,IAAI,CAAC,CAAC,CAAC,GAAC,CACtBY,IAAI,CAAC,EAAE,CAAC,CACRH,WAAW,CAAC,CAAC,CAClB,CAEA,MAAO,SAAS,CAAAI,cAAcA,CAACC,IAAY,CAA4B,CACrE,GAAI,CAAAC,IAAI,CAAG,CAAC,CAEZ,IAAK,GAAI,CAAAC,CAAC,CAAG,CAAC,CAAEA,CAAC,CAAGF,IAAI,CAACG,MAAM,CAAED,CAAC,EAAE,CAAE,CACpCD,IAAI,CAAGD,IAAI,CAACI,UAAU,CAACF,CAAC,CAAC,EAAI,CAACD,IAAI,EAAI,CAAC,EAAIA,IAAI,CAAC,CAChDA,IAAI,CAAGA,IAAI,CAAGA,IAAI,CACpB,CAEA,GAAM,CAAAI,KAAK,CACT,CAAEJ,IAAI,CAAGjB,YAAY,CAACmB,MAAM,CAAInB,YAAY,CAACmB,MAAM,EAAInB,YAAY,CAACmB,MAAM,CAE5E,MAAO,CAAAnB,YAAY,CAACqB,KAAK,CAAC,CAC5B,CAEA,MAAO,IAAM,CAAAC,OAAO,CAAG,CACrBC,IAAI,CAAE,CACJC,MAAM,CACJ,yLAAyL,CAC3LC,KAAK,CACH,gIAAgI,CAClIC,MAAM,CACJ,gIAAgI,CAClIC,KAAK,CACH,gIAAgI,CAClIC,MAAM,CACJ,0HACJ,CAAC,CACDC,OAAO,CAAE,CACPL,MAAM,CACJ,2RAA2R,CAC7RC,KAAK,CACH,uRAAuR,CACzRC,MAAM,CACJ,2RAA2R,CAC7RC,KAAK,CACH,sRAAsR,CACxRC,MAAM,CACJ,mRACJ,CAAC,CACDE,GAAG,CAAE,QAAL,CAAAA,GAAGA,CAAA,KACD,CAAAC,IAAiC,CAAAC,SAAA,CAAAb,MAAA,IAAAa,SAAA,MAAAC,SAAA,CAAAD,SAAA,IAAG,MAAM,IAC1C,CAAA7B,IAA4B,CAAA6B,SAAA,CAAAb,MAAA,IAAAa,SAAA,MAAAC,SAAA,CAAAD,SAAA,IAAG,QAAQ,OACpC,CAAAV,OAAO,CAACS,IAAI,CAAC,CAAC5B,IAAI,CAAC,EAC1B,CAAU","ignoreList":[]}

package/lib/module/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`CompanyAvatar Snapshot 1`] = `
+<View
+  className="inline-flex "
+>
+  <View
+    className="h-fit w-fit"
+  >
+    <View
+      aria-hidden={true}
+      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-8 h-8 rounded bg-[hsl(theme(colors.viridian-50))]"
+      data-a11y-color-contrast-ignore={true}
+      role="img"
+    >
+      <Text
+        className="text-f1-foreground-inverse/90 text-md"
+        data-a11y-color-contrast-ignore={true}
+      >
+        FA
+      </Text>
+    </View>
+  </View>
+</View>
+`;

package/lib/module/components/Avatars/CompanyAvatar/index.js

@@ -0,0 +1,2 @@
+import{BaseAvatar}from"../BaseAvatar";import{jsx as _jsx}from"react/jsx-runtime";export var CompanyAvatar=function CompanyAvatar(_ref){var name=_ref.name,src=_ref.src,size=_ref.size,ariaLabel=_ref["aria-label"],ariaLabelledby=_ref["aria-labelledby"],badge=_ref.badge;return _jsx(BaseAvatar,{type:"base",name:name,src:src,size:size,color:"viridian","aria-label":ariaLabel,"aria-labelledby":ariaLabelledby,badge:badge});};CompanyAvatar.displayName="CompanyAvatar";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Avatars/CompanyAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseAvatar","jsx","_jsx","CompanyAvatar","_ref","name","src","size","ariaLabel","ariaLabelledby","badge","type","color","displayName"],"sourceRoot":"../../../../../src","sources":["components/Avatars/CompanyAvatar/index.tsx"],"mappings":"AACA,OAASA,UAAU,KAAQ,eAAe,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAY3C,MAAO,IAAM,CAAAC,aAAa,CAAG,QAAhB,CAAAA,aAAaA,CAAAC,IAAA,CAOb,IANX,CAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CACJC,GAAG,CAAAF,IAAA,CAAHE,GAAG,CACHC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CACUC,SAAS,CAAAJ,IAAA,CAAvB,YAAY,EACOK,cAAc,CAAAL,IAAA,CAAjC,iBAAiB,EACjBM,KAAK,CAAAN,IAAA,CAALM,KAAK,CAEL,MACE,CAAAR,IAAA,CAACF,UAAU,EACTW,IAAI,CAAC,MAAM,CACXN,IAAI,CAAEA,IAAK,CACXC,GAAG,CAAEA,GAAI,CACTC,IAAI,CAAEA,IAAK,CACXK,KAAK,CAAC,UAAU,CAChB,aAAYJ,SAAU,CACtB,kBAAiBC,cAAe,CAChCC,KAAK,CAAEA,KAAM,CACd,CAAC,CAEN,CAAC,CAEDP,aAAa,CAACU,WAAW,CAAG,eAAe","ignoreList":[]}

package/lib/module/components/Avatars/CompanyAvatar/index.spec.js

@@ -0,0 +1,2 @@
+import{render}from"@testing-library/react-native";import React from"react";import{CompanyAvatar}from"./";import{jsx as _jsx}from"react/jsx-runtime";describe("CompanyAvatar",function(){it("Snapshot",function(){var _render=render(_jsx(CompanyAvatar,{name:"Factorial"})),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});});
+//# sourceMappingURL=index.spec.js.map

package/lib/module/components/Avatars/CompanyAvatar/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","React","CompanyAvatar","jsx","_jsx","describe","it","_render","name","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/Avatars/CompanyAvatar/index.spec.tsx"],"mappings":"AAAA,OAASA,MAAM,KAAQ,+BAA+B,CACtD,MAAO,CAAAC,KAAK,KAAM,OAAO,CACzB,OAASC,aAAa,KAAQ,IAAI,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAEnCC,QAAQ,CAAC,eAAe,CAAE,UAAM,CAC9BC,EAAE,CAAC,UAAU,CAAE,UAAM,CACnB,IAAAC,OAAA,CAAmBP,MAAM,CAACI,IAAA,CAACF,aAAa,EAACM,IAAI,CAAC,WAAW,CAAE,CAAC,CAAC,CAArDC,MAAM,CAAAF,OAAA,CAANE,MAAM,CAEdC,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAACE,eAAe,CAAC,CAAC,CACpC,CAAC,CAAC,CACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`DateAvatar Snapshot 1`] = `
+<View
+  className="flex h-10 w-10 flex-col items-center justify-center rounded border border-solid border-f1-border-secondary bg-f1-background-inverse-secondary"
+>
+  <Text
+    className="dark:text-f1-foreground-inverse-secondary pt-0.5 text-xs font-semibold uppercase leading-3 text-f1-special-highlight"
+  >
+    Jan
+  </Text>
+  <Text
+    className="flex items-center justify-center text-lg font-medium leading-tight text-f1-foreground"
+  >
+    1
+  </Text>
+</View>
+`;

package/lib/module/components/Avatars/DateAvatar/index.js

@@ -0,0 +1,2 @@
+import{View,Text}from"react-native";import{getAbbreviateMonth,getDayOfMonth}from"../../../lib/date";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var DateAvatar=function DateAvatar(_ref){var date=_ref.date;var dateDay=getDayOfMonth(date);var month=getAbbreviateMonth(date);return _jsxs(View,{className:"flex h-10 w-10 flex-col items-center justify-center rounded border border-solid border-f1-border-secondary bg-f1-background-inverse-secondary",children:[_jsx(Text,{className:"dark:text-f1-foreground-inverse-secondary pt-0.5 text-xs font-semibold uppercase leading-3 text-f1-special-highlight",children:month}),_jsx(Text,{className:"flex items-center justify-center text-lg font-medium leading-tight text-f1-foreground",children:dateDay})]});};
+//# sourceMappingURL=index.js.map

package/lib/module/components/Avatars/DateAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","getAbbreviateMonth","getDayOfMonth","jsx","_jsx","jsxs","_jsxs","DateAvatar","_ref","date","dateDay","month","className","children"],"sourceRoot":"../../../../../src","sources":["components/Avatars/DateAvatar/index.tsx"],"mappings":"AAAA,OAASA,IAAI,CAAEC,IAAI,KAAQ,cAAc,CACzC,OAASC,kBAAkB,CAAEC,aAAa,KAAQ,mBAAmB,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAMtE,MAAO,IAAM,CAAAC,UAAU,CAAG,QAAb,CAAAA,UAAUA,CAAAC,IAAA,CAAwB,IAAlB,CAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAC/B,GAAM,CAAAC,OAAO,CAAGR,aAAa,CAACO,IAAI,CAAC,CACnC,GAAM,CAAAE,KAAK,CAAGV,kBAAkB,CAACQ,IAAI,CAAC,CAEtC,MACE,CAAAH,KAAA,CAACP,IAAI,EAACa,SAAS,CAAC,+IAA+I,CAAAC,QAAA,EAC7JT,IAAA,CAACJ,IAAI,EAACY,SAAS,CAAC,sHAAsH,CAAAC,QAAA,CACnIF,KAAK,CACF,CAAC,CACPP,IAAA,CAACJ,IAAI,EAACY,SAAS,CAAC,uFAAuF,CAAAC,QAAA,CACpGH,OAAO,CACJ,CAAC,EACH,CAAC,CAEX,CAAC","ignoreList":[]}

package/lib/module/components/Avatars/DateAvatar/index.spec.js

@@ -0,0 +1,2 @@
+import{render}from"@testing-library/react-native";import React from"react";import{DateAvatar}from"./";import{jsx as _jsx}from"react/jsx-runtime";describe("DateAvatar",function(){it("Snapshot",function(){var fixedDate=new Date("2025-01-01T00:00:00Z");var _render=render(_jsx(DateAvatar,{date:fixedDate})),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});});
+//# sourceMappingURL=index.spec.js.map

package/lib/module/components/Avatars/DateAvatar/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","React","DateAvatar","jsx","_jsx","describe","it","fixedDate","Date","_render","date","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/Avatars/DateAvatar/index.spec.tsx"],"mappings":"AAAA,OAASA,MAAM,KAAQ,+BAA+B,CACtD,MAAO,CAAAC,KAAK,KAAM,OAAO,CACzB,OAASC,UAAU,KAAQ,IAAI,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAEhCC,QAAQ,CAAC,YAAY,CAAE,UAAM,CAC3BC,EAAE,CAAC,UAAU,CAAE,UAAM,CACnB,GAAM,CAAAC,SAAS,CAAG,GAAI,CAAAC,IAAI,CAAC,sBAAsB,CAAC,CAClD,IAAAC,OAAA,CAAmBT,MAAM,CAACI,IAAA,CAACF,UAAU,EAACQ,IAAI,CAAEH,SAAU,CAAE,CAAC,CAAC,CAAlDI,MAAM,CAAAF,OAAA,CAANE,MAAM,CAEdC,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAACE,eAAe,CAAC,CAAC,CACpC,CAAC,CAAC,CACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`EmojiAvatar Snapshot - different sizes text emoji and diferent size 1`] = `
+<View
+  className="w-6 h-6 rounded-sm dark:bg-f1-background-inverse-secondary flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background"
+>
+  <Text
+    className="text-xs"
+  >
+    test
+  </Text>
+</View>
+`;
+
+exports[`EmojiAvatar Snapshot - different sizes text emoji and diferent size 2`] = `
+<View
+  className="w-9 h-9 rounded-md dark:bg-f1-background-inverse-secondary flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background"
+>
+  <Text
+    className="text-sm"
+  >
+    test
+  </Text>
+</View>
+`;
+
+exports[`EmojiAvatar Snapshot - different sizes text emoji and diferent size 3`] = `
+<View
+  className="w-10 h-10 rounded-lg dark:bg-f1-background-inverse-secondary flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background"
+>
+  <Text
+    className="text-md"
+  >
+    test
+  </Text>
+</View>
+`;

package/lib/module/components/Avatars/EmojiAvatar/index.js

@@ -0,0 +1,2 @@
+import{View}from"react-native";import{EmojiImage}from"../../../lib/emojis";import{cn}from"../../../lib/utils";import{jsx as _jsx}from"react/jsx-runtime";var sizes={sm:"w-6 h-6 rounded-sm",md:"w-9 h-9 rounded-md",lg:"w-10 h-10 rounded-lg"};var emojiSize={sm:{icon:"w-4 h-4",text:"text-xs"},md:{icon:"w-5 h-5",text:"text-sm"},lg:{icon:"w-6 h-6",text:"text-md"}};export var EmojiAvatar=function EmojiAvatar(_ref){var emoji=_ref.emoji,_ref$size=_ref.size,size=_ref$size===void 0?"md":_ref$size,className=_ref.className;return _jsx(View,{className:cn(className,sizes[size],"dark:bg-f1-background-inverse-secondary flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background"),children:_jsx(EmojiImage,{emoji:emoji,size:emojiSize[size]})});};EmojiAvatar.displayName="EmojiAvatar";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Avatars/EmojiAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","EmojiImage","cn","jsx","_jsx","sizes","sm","md","lg","emojiSize","icon","text","EmojiAvatar","_ref","emoji","_ref$size","size","className","children","displayName"],"sourceRoot":"../../../../../src","sources":["components/Avatars/EmojiAvatar/index.tsx"],"mappings":"AAAA,OAASA,IAAI,KAAQ,cAAc,CACnC,OAASC,UAAU,KAAQ,qBAAqB,CAChD,OAASC,EAAE,KAAQ,oBAAoB,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAQxC,GAAM,CAAAC,KAAK,CAAG,CACZC,EAAE,CAAE,oBAAoB,CACxBC,EAAE,CAAE,oBAAoB,CACxBC,EAAE,CAAE,sBACN,CAAC,CAED,GAAM,CAAAC,SAAS,CAAG,CAChBH,EAAE,CAAE,CAAEI,IAAI,CAAE,SAAS,CAAEC,IAAI,CAAE,SAAU,CAAC,CACxCJ,EAAE,CAAE,CAAEG,IAAI,CAAE,SAAS,CAAEC,IAAI,CAAE,SAAU,CAAC,CACxCH,EAAE,CAAE,CAAEE,IAAI,CAAE,SAAS,CAAEC,IAAI,CAAE,SAAU,CACzC,CAAU,CAEV,MAAO,IAAM,CAAAC,WAAW,CAAG,QAAd,CAAAA,WAAWA,CAAAC,IAAA,CAAiD,IAA3C,CAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAAC,SAAA,CAAAF,IAAA,CAAEG,IAAI,CAAJA,IAAI,CAAAD,SAAA,UAAG,IAAI,CAAAA,SAAA,CAAEE,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACzD,MACE,CAAAb,IAAA,CAACJ,IAAI,EACHiB,SAAS,CAAEf,EAAE,CACXe,SAAS,CACTZ,KAAK,CAACW,IAAI,CAAC,CACX,wJACF,CAAE,CAAAE,QAAA,CAEFd,IAAA,CAACH,UAAU,EAACa,KAAK,CAAEA,KAAM,CAACE,IAAI,CAAEP,SAAS,CAACO,IAAI,CAAE,CAAE,CAAC,CAC/C,CAAC,CAEX,CAAC,CAEDJ,WAAW,CAACO,WAAW,CAAG,aAAa","ignoreList":[]}

package/lib/module/components/Avatars/EmojiAvatar/index.spec.js

@@ -0,0 +1,2 @@
+import{render}from"@testing-library/react-native";import React from"react";import{EmojiAvatar}from"./";import{jsx as _jsx}from"react/jsx-runtime";describe("EmojiAvatar",function(){it("Snapshot - different sizes text emoji and diferent size",function(){var sizes=["sm","md","lg"];sizes.forEach(function(size){var _render=render(_jsx(EmojiAvatar,{emoji:"test",size:size})),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});});});
+//# sourceMappingURL=index.spec.js.map

package/lib/module/components/Avatars/EmojiAvatar/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","React","EmojiAvatar","jsx","_jsx","describe","it","sizes","forEach","size","_render","emoji","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/Avatars/EmojiAvatar/index.spec.tsx"],"mappings":"AAAA,OAASA,MAAM,KAAQ,+BAA+B,CACtD,MAAO,CAAAC,KAAK,KAAM,OAAO,CACzB,OAASC,WAAW,KAAQ,IAAI,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAEjCC,QAAQ,CAAC,aAAa,CAAE,UAAM,CAC5BC,EAAE,CAAC,yDAAyD,CAAE,UAAM,CAClE,GAAM,CAAAC,KAAK,CAAG,CAAC,IAAI,CAAE,IAAI,CAAE,IAAI,CAAU,CAEzCA,KAAK,CAACC,OAAO,CAAC,SAACC,IAAI,CAAK,CACtB,IAAAC,OAAA,CAAmBV,MAAM,CAACI,IAAA,CAACF,WAAW,EAACS,KAAK,CAAC,MAAM,CAACF,IAAI,CAAEA,IAAK,CAAE,CAAC,CAAC,CAA3DG,MAAM,CAAAF,OAAA,CAANE,MAAM,CAEdC,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAACE,eAAe,CAAC,CAAC,CACpC,CAAC,CAAC,CACJ,CAAC,CAAC,CACJ,CAAC,CAAC","ignoreList":[]}