@factorialco/f0-react-native 0.26.0 → 0.27.0

package/lib/module/components/exports.js

@@ -1,2 +1,2 @@
-export*from"./Activity/ActivityItem";export*from"./Avatars/exports";export*from"./Badge";export*from"./Button";export*from"./Counter";export*from"./ExampleComponent";export*from"./Icon";export*from"./Navigation/PageHeader";export*from"./OneChip";export*from"./OnePreset";export*from"./PressableFeedback";export*from"./Tags/exports";export*from"./experimental/Lists/DataList";export*from"./experimental/Lists/DetailsItem";export*from"./experimental/Lists/DetailsItemsList";
+export*from"./Activity/ActivityItem";export*from"./Avatars/exports";export*from"./Badge";export*from"./Button";export*from"./Counter";export*from"./ExampleComponent";export*from"./Icon";export*from"./Navigation/PageHeader";export*from"./OneChip";export*from"./OnePreset";export*from"./PressableFeedback";export*from"./Tags/exports";export*from"./experimental/Lists/DataList";export*from"./experimental/Lists/DetailsItem";export*from"./experimental/Lists/DetailsItemsList";export*from"./primitives/F0Text";
 //# sourceMappingURL=exports.js.map

package/lib/module/components/exports.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/exports.ts"],"mappings":"AACA,WAAc,yBAAyB,CACvC,WAAc,mBAAmB,CACjC,WAAc,SAAS,CACvB,WAAc,UAAU,CACxB,WAAc,WAAW,CACzB,WAAc,oBAAoB,CAClC,WAAc,QAAQ,CACtB,WAAc,yBAAyB,CACvC,WAAc,WAAW,CACzB,WAAc,aAAa,CAC3B,WAAc,qBAAqB,CACnC,WAAc,gBAAgB,CAC9B,WAAc,+BAA+B,CAC7C,WAAc,kCAAkC,CAChD,WAAc,uCAAuC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/exports.ts"],"mappings":"AACA,WAAc,yBAAyB,CACvC,WAAc,mBAAmB,CACjC,WAAc,SAAS,CACvB,WAAc,UAAU,CACxB,WAAc,WAAW,CACzB,WAAc,oBAAoB,CAClC,WAAc,QAAQ,CACtB,WAAc,yBAAyB,CACvC,WAAc,WAAW,CACzB,WAAc,aAAa,CAC3B,WAAc,qBAAqB,CACnC,WAAc,gBAAgB,CAC9B,WAAc,+BAA+B,CAC7C,WAAc,kCAAkC,CAChD,WAAc,uCAAuC,CAGrD,WAAc,qBAAqB","ignoreList":[]}

package/lib/module/components/primitives/F0Text/F0Text.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["variant","color","align","decoration","transform","children","numberOfLines"];import React from"react";import{Text as RNText}from"react-native";import{omitProps}from"../../../lib/utils";import{textVariants}from"./F0Text.styles";import{F0_TEXT_BANNED_PROPS}from"./F0Text.types";import{jsx as _jsx}from"react/jsx-runtime";var F0TextComponent=React.forwardRef(function(_ref,ref){var _ref$variant=_ref.variant,variant=_ref$variant===void 0?"body-sm-default":_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?"default":_ref$color,_ref$align=_ref.align,align=_ref$align===void 0?"left":_ref$align,_ref$decoration=_ref.decoration,decoration=_ref$decoration===void 0?"none":_ref$decoration,_ref$transform=_ref.transform,transform=_ref$transform===void 0?"none":_ref$transform,children=_ref.children,numberOfLines=_ref.numberOfLines,rest=_objectWithoutProperties(_ref,_excluded);var textClassName=React.useMemo(function(){return textVariants({variant:variant,color:color,align:align,decoration:decoration,transform:transform});},[variant,color,align,decoration,transform]);return _jsx(RNText,Object.assign({ref:ref},omitProps(rest,F0_TEXT_BANNED_PROPS),{className:textClassName,numberOfLines:numberOfLines,ellipsizeMode:numberOfLines?"tail":undefined,children:children}));});F0TextComponent.displayName="F0Text";export var F0Text=React.memo(F0TextComponent);export{TYPOGRAPHY_VARIANTS,TEXT_COLORS,TEXT_ALIGN,TEXT_DECORATIONS,TEXT_TRANSFORMS}from"./F0Text.types";
+//# sourceMappingURL=F0Text.js.map

package/lib/module/components/primitives/F0Text/F0Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","RNText","omitProps","textVariants","F0_TEXT_BANNED_PROPS","jsx","_jsx","F0TextComponent","forwardRef","_ref","ref","_ref$variant","variant","_ref$color","color","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","children","numberOfLines","rest","_objectWithoutProperties","_excluded","textClassName","useMemo","Object","assign","className","ellipsizeMode","undefined","displayName","F0Text","memo","TYPOGRAPHY_VARIANTS","TEXT_COLORS","TEXT_ALIGN","TEXT_DECORATIONS","TEXT_TRANSFORMS"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Text/F0Text.tsx"],"mappings":"mLAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,OAASC,IAAI,GAAI,CAAAC,MAAM,KAAQ,cAAc,CAE7C,OAASC,SAAS,KAAQ,oBAAoB,CAE9C,OAASC,YAAY,KAAQ,iBAAiB,CAC9C,OAASC,oBAAoB,KAA0B,gBAAgB,QAAAC,GAAA,IAAAC,IAAA,yBAUvE,GAAM,CAAAC,eAAe,CAAGR,KAAK,CAACS,UAAU,CACtC,SAAAC,IAAA,CAWEC,GAAG,CACA,KAAAC,YAAA,CAAAF,IAAA,CAVDG,OAAO,CAAPA,OAAO,CAAAD,YAAA,UAAG,iBAAiB,CAAAA,YAAA,CAAAE,UAAA,CAAAJ,IAAA,CAC3BK,KAAK,CAALA,KAAK,CAAAD,UAAA,UAAG,SAAS,CAAAA,UAAA,CAAAE,UAAA,CAAAN,IAAA,CACjBO,KAAK,CAALA,KAAK,CAAAD,UAAA,UAAG,MAAM,CAAAA,UAAA,CAAAE,eAAA,CAAAR,IAAA,CACdS,UAAU,CAAVA,UAAU,CAAAD,eAAA,UAAG,MAAM,CAAAA,eAAA,CAAAE,cAAA,CAAAV,IAAA,CACnBW,SAAS,CAATA,SAAS,CAAAD,cAAA,UAAG,MAAM,CAAAA,cAAA,CAClBE,QAAQ,CAAAZ,IAAA,CAARY,QAAQ,CACRC,aAAa,CAAAb,IAAA,CAAba,aAAa,CACVC,IAAI,CAAAC,wBAAA,CAAAf,IAAA,CAAAgB,SAAA,EAIT,GAAM,CAAAC,aAAa,CAAG3B,KAAK,CAAC4B,OAAO,CACjC,iBACE,CAAAxB,YAAY,CAAC,CACXS,OAAO,CAAPA,OAAO,CACPE,KAAK,CAALA,KAAK,CACLE,KAAK,CAALA,KAAK,CACLE,UAAU,CAAVA,UAAU,CACVE,SAAS,CAATA,SACF,CAAC,CAAC,GACJ,CAACR,OAAO,CAAEE,KAAK,CAAEE,KAAK,CAAEE,UAAU,CAAEE,SAAS,CAC/C,CAAC,CAED,MACE,CAAAd,IAAA,CAACL,MAAM,CAAA2B,MAAA,CAAAC,MAAA,EACLnB,GAAG,CAAEA,GAAI,EACLR,SAAS,CAACqB,IAAI,CAAEnB,oBAAoB,CAAC,EACzC0B,SAAS,CAAEJ,aAAc,CACzBJ,aAAa,CAAEA,aAAc,CAC7BS,aAAa,CAAET,aAAa,CAAG,MAAM,CAAGU,SAAU,CAAAX,QAAA,CAEjDA,QAAQ,EACH,CAAC,CAEb,CACF,CAAC,CAEDd,eAAe,CAAC0B,WAAW,CAAG,QAAQ,CAEtC,MAAO,IAAM,CAAAC,MAAM,CAAGnC,KAAK,CAACoC,IAAI,CAAC5B,eAAe,CAAC,CAIjD,OACE6B,mBAAmB,CACnBC,WAAW,CACXC,UAAU,CACVC,gBAAgB,CAChBC,eAAe,KACV,gBAAgB","ignoreList":[]}

package/lib/module/components/primitives/F0Text/F0Text.md

@@ -0,0 +1,297 @@
+# F0Text
+
+Primitive text component for React Native with semantic typography variants and optimized performance.
+
+## Features
+
+- Semantic typography variants (heading and body styles)
+- F0 semantic color system integration
+- Inter font family support
+- Type-safe TypeScript API
+- Uniwind (Tailwind) styling
+- Performance optimized with React.memo and useMemo
+- Full accessibility support
+
+## Installation
+
+```tsx
+import { F0Text } from "@factorialco/f0-react-native"
+```
+
+## Usage
+
+```tsx
+<>
+  <F0Text variant="heading-lg">Welcome</F0Text>
+  <F0Text variant="body-sm-default" color="secondary">
+    Secondary text
+  </F0Text>
+  <F0Text variant="body-md-medium" align="center">
+    Centered text
+  </F0Text>
+  <F0Text variant="body-sm-default" numberOfLines={2}>
+    Truncated text...
+  </F0Text>
+</>
+```
+
+## API Reference
+
+### Props
+
+| Prop            | Type                | Default             | Description                                             |
+| --------------- | ------------------- | ------------------- | ------------------------------------------------------- |
+| `variant`       | `TypographyVariant` | `'body-sm-default'` | Typography variant with weight included                 |
+| `color`         | `TextColor`         | `'default'`         | Text color from F0 semantic color system                |
+| `align`         | `TextAlign`         | `'left'`            | Text alignment (left, center, right, justify)           |
+| `decoration`    | `TextDecoration`    | `'none'`            | Text decoration (none, underline, line-through)         |
+| `transform`     | `TextTransform`     | `'none'`            | Text transform (none, uppercase, lowercase, capitalize) |
+| `numberOfLines` | `number`            | `undefined`         | Max lines before truncation with ellipsis               |
+
+All React Native `TextProps` are also supported (onPress, testID, etc.).
+
+**Note**: `className` and `style` props are **not available**. Use semantic props for typography. For spacing/layout, wrap F0Text in a View. Both props are filtered at runtime to prevent override via spread.
+
+### Typography Variants
+
+All variants use **Inter** font family with the weight included in the variant name.
+
+#### Heading Variants
+
+| Variant      | Size | Line Height | Weight         | Letter Spacing |
+| ------------ | ---- | ----------- | -------------- | -------------- |
+| `heading-lg` | 24px | 32px        | Semibold (600) | -0.2px         |
+| `heading-md` | 20px | 28px        | Semibold (600) | -0.2px         |
+| `heading-sm` | 16px | 24px        | Semibold (600) | -              |
+
+#### Body Variants
+
+| Variant            | Size | Line Height | Weight         | Letter Spacing |
+| ------------------ | ---- | ----------- | -------------- | -------------- |
+| `body-md-default`  | 16px | 24px        | Regular (400)  | -              |
+| `body-md-medium`   | 16px | 24px        | Medium (500)   | -              |
+| `body-md-semibold` | 16px | 24px        | Semibold (600) | -              |
+| `body-sm-default`  | 14px | 20px        | Regular (400)  | -              |
+| `body-sm-medium`   | 14px | 20px        | Medium (500)   | -              |
+| `body-sm-semibold` | 14px | 20px        | Semibold (600) | -              |
+| `body-xs-medium`   | 12px | 16px        | Medium (500)   | -              |
+
+### Color Variants
+
+| Color               | Usage                              |
+| ------------------- | ---------------------------------- |
+| `default`           | Primary text                       |
+| `secondary`         | Secondary information              |
+| `tertiary`          | Tertiary/subtle text               |
+| `inverse`           | Text on dark backgrounds           |
+| `inverse-secondary` | Secondary text on dark backgrounds |
+| `disabled`          | Disabled state text                |
+| `accent`            | Highlighted/accent text            |
+| `critical`          | Error messages                     |
+| `info`              | Informational text                 |
+| `warning`           | Warning messages                   |
+| `positive`          | Success messages                   |
+| `selected`          | Selected state text                |
+
+## Examples
+
+### Typography Variants
+
+```tsx
+<>
+  {/* Headings */}
+  <F0Text variant="heading-lg">Large Heading</F0Text>
+  <F0Text variant="heading-md">Medium Heading</F0Text>
+  <F0Text variant="heading-sm">Small Heading</F0Text>
+
+  {/* Body with different weights */}
+  <F0Text variant="body-md-default">Regular body text</F0Text>
+  <F0Text variant="body-md-medium">Medium body text</F0Text>
+  <F0Text variant="body-md-semibold">Semibold body text</F0Text>
+
+  {/* Smaller sizes */}
+  <F0Text variant="body-sm-default">Small regular text</F0Text>
+  <F0Text variant="body-xs-medium">Extra small medium text</F0Text>
+</>
+```
+
+### Colors
+
+```tsx
+<>
+  <F0Text variant="body-sm-default" color="default">
+    Primary text
+  </F0Text>
+  <F0Text variant="body-sm-default" color="secondary">
+    Secondary information
+  </F0Text>
+  <F0Text variant="body-sm-default" color="critical">
+    Error message
+  </F0Text>
+  <F0Text variant="body-sm-default" color="positive">
+    Success message
+  </F0Text>
+  <F0Text variant="body-sm-default" color="accent">
+    Highlighted text
+  </F0Text>
+</>
+```
+
+### Text Decorations & Transforms
+
+```tsx
+<>
+  <F0Text variant="body-sm-default" decoration="underline">
+    Underlined text
+  </F0Text>
+  <F0Text variant="body-sm-default" decoration="line-through">
+    Strikethrough text
+  </F0Text>
+  <F0Text variant="body-sm-default" transform="uppercase">
+    uppercase text
+  </F0Text>
+  <F0Text variant="body-sm-default" transform="capitalize">
+    capitalize words
+  </F0Text>
+</>
+```
+
+### Truncation
+
+```tsx
+<>
+  <F0Text variant="body-sm-default" numberOfLines={1}>
+    This long text will be truncated after one line with an ellipsis...
+  </F0Text>
+
+  <F0Text variant="body-md-default" numberOfLines={3}>
+    This text can span up to three lines before being truncated with an ellipsis
+    at the end. Perfect for card descriptions or preview text.
+  </F0Text>
+</>
+```
+
+### Spacing & Layout
+
+F0Text doesn't accept `className` to prevent typography override. Use a View wrapper for spacing:
+
+```tsx
+<>
+  {/* Spacing with View wrapper */}
+  <View className="mt-4 mb-2">
+    <F0Text variant="body-sm-default">Text with margin</F0Text>
+  </View>
+
+  {/* Layout with View wrapper */}
+  <View className="flex-1">
+    <F0Text variant="body-sm-default">Flexible text</F0Text>
+  </View>
+
+  {/* Icon + Text pattern */}
+  <View className="flex-row items-center gap-2">
+    <F0Icon icon={Check} size="sm" />
+    <F0Text variant="body-sm-default">Success message</F0Text>
+  </View>
+</>
+```
+
+### Combined Props
+
+```tsx
+<F0Text
+  variant="heading-md"
+  color="accent"
+  align="center"
+  decoration="underline"
+  transform="uppercase"
+>
+  Featured Title
+</F0Text>
+```
+
+### Nested Text
+
+```tsx
+<F0Text variant="body-sm-default">
+  This is regular text with{" "}
+  <F0Text variant="body-sm-semibold" color="accent">
+    bold accent nested text
+  </F0Text>{" "}
+  inside.
+</F0Text>
+```
+
+### Real-world Card Example
+
+```tsx
+<View className="rounded-lg bg-f0-background-secondary p-4">
+  <View className="mb-2">
+    <F0Text variant="heading-sm">Card Title</F0Text>
+  </View>
+  <F0Text variant="body-sm-default" color="secondary" numberOfLines={2}>
+    This is a description that will be truncated after two lines if it's too
+    long to fit in the available space.
+  </F0Text>
+  <View className="mt-2">
+    <F0Text variant="body-xs-medium" color="tertiary">
+      Last updated 2 hours ago
+    </F0Text>
+  </View>
+</View>
+```
+
+## Architecture
+
+```
+F0Text/
+├── F0Text.tsx          # Main component
+├── F0Text.md           # Documentation
+├── F0Text.types.ts     # TypeScript types
+├── F0Text.styles.ts    # Tailwind variants config
+├── index.ts            # Public exports
+└── __tests__/
+    ├── index.spec.tsx
+    └── __snapshots__/
+```
+
+### Font Family
+
+F0Text uses **Inter** font family through Tailwind/Uniwind font weight classes:
+
+| Tailwind Class  | React Native Font Family | Font Weight |
+| --------------- | ------------------------ | ----------- |
+| `font-normal`   | Inter-Regular            | 400         |
+| `font-medium`   | Inter-Medium             | 500         |
+| `font-semibold` | Inter-SemiBold           | 600         |
+| `font-bold`     | Inter-Bold               | 700         |
+
+## Accessibility
+
+- Fully supports React Native `Text` accessibility props
+- Supports `accessibilityRole`, `accessibilityLabel`, `accessibilityHint`, `accessibilityState`, and `accessible`
+- Proper ellipsis and truncation with `numberOfLines`
+- F0 color system helps ensure sufficient contrast; verify with platform accessibility tools
+
+## Performance
+
+- **React.memo**: Prevents re-renders when props unchanged
+- **useMemo**: Memoizes className computation
+
+### Best Practices
+
+```tsx
+// ✅ Good: Use appropriate variant
+<F0Text variant="body-md-semibold">Bold text</F0Text>
+
+// ❌ Bad: Don't try to override with className (not supported)
+// <F0Text className="font-bold">Text</F0Text>
+```
+
+```tsx
+// ✅ Good: Memoized handler
+const handlePress = useCallback(() => {}, [])
+;<F0Text onPress={handlePress}>Click</F0Text>
+
+// ❌ Bad: Inline function
+;<F0Text onPress={() => {}}>Click</F0Text>
+```

package/lib/module/components/primitives/F0Text/F0Text.styles.js

@@ -0,0 +1,2 @@
+import{tv}from"tailwind-variants";export var textVariants=tv({base:"",variants:{variant:{"heading-lg":"text-[24px] leading-[32px] tracking-[-0.2px] font-semibold","heading-md":"text-[20px] leading-[28px] tracking-[-0.2px] font-semibold","heading-sm":"text-[16px] leading-[24px] font-semibold","body-md-default":"text-[16px] leading-[24px] font-normal","body-md-medium":"text-[16px] leading-[24px] font-medium","body-md-semibold":"text-[16px] leading-[24px] font-semibold","body-sm-default":"text-[14px] leading-[20px] font-normal","body-sm-medium":"text-[14px] leading-[20px] font-medium","body-sm-semibold":"text-[14px] leading-[20px] font-semibold","body-xs-medium":"text-[12px] leading-[16px] font-medium"},color:{default:"text-f0-foreground",secondary:"text-f0-foreground-secondary",tertiary:"text-f0-foreground-tertiary",inverse:"text-f0-foreground-inverse","inverse-secondary":"text-f0-foreground-inverse-secondary",disabled:"text-f0-foreground-disabled",accent:"text-f0-foreground-accent",critical:"text-f0-foreground-critical",info:"text-f0-foreground-info",warning:"text-f0-foreground-warning",positive:"text-f0-foreground-positive",selected:"text-f0-foreground-selected"},align:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},decoration:{none:"",underline:"underline","line-through":"line-through"},transform:{none:"",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"}},defaultVariants:{variant:"body-sm-default",color:"default",align:"left",decoration:"none",transform:"none"}});
+//# sourceMappingURL=F0Text.styles.js.map

package/lib/module/components/primitives/F0Text/F0Text.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tv","textVariants","base","variants","variant","color","default","secondary","tertiary","inverse","disabled","accent","critical","info","warning","positive","selected","align","left","center","right","justify","decoration","none","underline","transform","uppercase","lowercase","capitalize","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Text/F0Text.styles.ts"],"mappings":"AAAA,OAASA,EAAE,KAA2B,mBAAmB,CAOzD,MAAO,IAAM,CAAAC,YAAY,CAAGD,EAAE,CAAC,CAC7BE,IAAI,CAAE,EAAE,CACRC,QAAQ,CAAE,CACRC,OAAO,CAAE,CAEP,YAAY,CACV,4DAA4D,CAC9D,YAAY,CACV,4DAA4D,CAC9D,YAAY,CAAE,0CAA0C,CAGxD,iBAAiB,CAAE,wCAAwC,CAC3D,gBAAgB,CAAE,wCAAwC,CAC1D,kBAAkB,CAAE,0CAA0C,CAC9D,iBAAiB,CAAE,wCAAwC,CAC3D,gBAAgB,CAAE,wCAAwC,CAC1D,kBAAkB,CAAE,0CAA0C,CAC9D,gBAAgB,CAAE,wCACpB,CAAC,CACDC,KAAK,CAAE,CACLC,OAAO,CAAE,oBAAoB,CAC7BC,SAAS,CAAE,8BAA8B,CACzCC,QAAQ,CAAE,6BAA6B,CACvCC,OAAO,CAAE,4BAA4B,CACrC,mBAAmB,CAAE,sCAAsC,CAC3DC,QAAQ,CAAE,6BAA6B,CACvCC,MAAM,CAAE,2BAA2B,CACnCC,QAAQ,CAAE,6BAA6B,CACvCC,IAAI,CAAE,yBAAyB,CAC/BC,OAAO,CAAE,4BAA4B,CACrCC,QAAQ,CAAE,6BAA6B,CACvCC,QAAQ,CAAE,6BACZ,CAAC,CACDC,KAAK,CAAE,CACLC,IAAI,CAAE,WAAW,CACjBC,MAAM,CAAE,aAAa,CACrBC,KAAK,CAAE,YAAY,CACnBC,OAAO,CAAE,cACX,CAAC,CACDC,UAAU,CAAE,CACVC,IAAI,CAAE,EAAE,CACRC,SAAS,CAAE,WAAW,CACtB,cAAc,CAAE,cAClB,CAAC,CACDC,SAAS,CAAE,CACTF,IAAI,CAAE,EAAE,CACRG,SAAS,CAAE,WAAW,CACtBC,SAAS,CAAE,WAAW,CACtBC,UAAU,CAAE,YACd,CACF,CAAC,CACDC,eAAe,CAAE,CACfzB,OAAO,CAAE,iBAAiB,CAC1BC,KAAK,CAAE,SAAS,CAChBY,KAAK,CAAE,MAAM,CACbK,UAAU,CAAE,MAAM,CAClBG,SAAS,CAAE,MACb,CACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/primitives/F0Text/F0Text.types.js

@@ -0,0 +1,2 @@
+export var F0_TEXT_BANNED_PROPS=["style","className"];export var TYPOGRAPHY_VARIANTS=["heading-lg","heading-md","heading-sm","body-md-default","body-md-medium","body-md-semibold","body-sm-default","body-sm-medium","body-sm-semibold","body-xs-medium"];export var TEXT_COLORS=["default","secondary","tertiary","inverse","inverse-secondary","disabled","accent","critical","info","warning","positive","selected"];export var TEXT_ALIGN=["left","center","right","justify"];export var TEXT_DECORATIONS=["none","underline","line-through"];export var TEXT_TRANSFORMS=["none","uppercase","lowercase","capitalize"];
+//# sourceMappingURL=F0Text.types.js.map

package/lib/module/components/primitives/F0Text/F0Text.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["F0_TEXT_BANNED_PROPS","TYPOGRAPHY_VARIANTS","TEXT_COLORS","TEXT_ALIGN","TEXT_DECORATIONS","TEXT_TRANSFORMS"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Text/F0Text.types.ts"],"mappings":"AAOA,MAAO,IAAM,CAAAA,oBAAoB,CAAG,CAAC,OAAO,CAAE,WAAW,CAAU,CAKnE,MAAO,IAAM,CAAAC,mBAAmB,CAAG,CACjC,YAAY,CACZ,YAAY,CACZ,YAAY,CACZ,iBAAiB,CACjB,gBAAgB,CAChB,kBAAkB,CAClB,iBAAiB,CACjB,gBAAgB,CAChB,kBAAkB,CAClB,gBAAgB,CACR,CAOV,MAAO,IAAM,CAAAC,WAAW,CAAG,CACzB,SAAS,CACT,WAAW,CACX,UAAU,CACV,SAAS,CACT,mBAAmB,CACnB,UAAU,CACV,QAAQ,CACR,UAAU,CACV,MAAM,CACN,SAAS,CACT,UAAU,CACV,UAAU,CACF,CAOV,MAAO,IAAM,CAAAC,UAAU,CAAG,CAAC,MAAM,CAAE,QAAQ,CAAE,OAAO,CAAE,SAAS,CAAU,CAOzE,MAAO,IAAM,CAAAC,gBAAgB,CAAG,CAAC,MAAM,CAAE,WAAW,CAAE,cAAc,CAAU,CAO9E,MAAO,IAAM,CAAAC,eAAe,CAAG,CAC7B,MAAM,CACN,WAAW,CACX,WAAW,CACX,YAAY,CACJ","ignoreList":[]}

package/lib/module/components/primitives/F0Text/index.js

@@ -0,0 +1,2 @@
+export{F0Text}from"./F0Text";export{TYPOGRAPHY_VARIANTS,TEXT_COLORS,TEXT_ALIGN,TEXT_DECORATIONS,TEXT_TRANSFORMS}from"./F0Text";
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/F0Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["F0Text","TYPOGRAPHY_VARIANTS","TEXT_COLORS","TEXT_ALIGN","TEXT_DECORATIONS","TEXT_TRANSFORMS"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Text/index.ts"],"mappings":"AAMA,OAASA,MAAM,KAAQ,UAAU,CASjC,OACEC,mBAAmB,CACnBC,WAAW,CACXC,UAAU,CACVC,gBAAgB,CAChBC,eAAe,KACV,UAAU","ignoreList":[]}

package/lib/module/index.js

@@ -1,2 +1,2 @@
-export*from"./components/exports";export*from"./icons";export{cn}from"./lib/utils";
+export*from"./components/exports";export*from"./icons";export{cn,omitProps}from"./lib/utils";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["cn"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AACA,WAAc,sBAAsB,CAGpC,WAAc,SAAS,CAGvB,OAASA,EAAE,KAAQ,aAAa","ignoreList":[]}
+{"version":3,"names":["cn","omitProps"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AACA,WAAc,sBAAsB,CAGpC,WAAc,SAAS,CAGvB,OAASA,EAAE,CAAEC,SAAS,KAAQ,aAAa","ignoreList":[]}

package/lib/module/lib/utils.js

@@ -1,2 +1,2 @@
-import{cnMerge}from"tailwind-variants";export function cn(){var _cnMerge;for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return(_cnMerge=cnMerge(args)({twMerge:true}))!=null?_cnMerge:"";}
+import{cnMerge}from"tailwind-variants";export function cn(){var _cnMerge;for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return(_cnMerge=cnMerge(args)({twMerge:true}))!=null?_cnMerge:"";}export function omitProps(obj,keys){var result=Object.assign({},obj);for(var key of keys){delete result[key];}return result;}
 //# sourceMappingURL=utils.js.map

package/lib/module/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["cnMerge","cn","_cnMerge","_len","arguments","length","args","Array","_key","twMerge"],"sourceRoot":"../../../src","sources":["lib/utils.ts"],"mappings":"AAAA,OAASA,OAAO,KAAwB,mBAAmB,CAE3D,MAAO,SAAS,CAAAC,EAAEA,CAAA,CAA6B,KAAAC,QAAA,SAAAC,IAAA,CAAAC,SAAA,CAAAC,MAAA,CAAzBC,IAAI,KAAAC,KAAA,CAAAJ,IAAA,EAAAK,IAAA,GAAAA,IAAA,CAAAL,IAAA,CAAAK,IAAA,IAAJF,IAAI,CAAAE,IAAA,EAAAJ,SAAA,CAAAI,IAAA,GACxB,OAAAN,QAAA,CACEF,OAAO,CAACM,IAAI,CAAC,CAAC,CACZG,OAAO,CAAE,IACX,CAAC,CAAC,QAAAP,QAAA,CAAI,EAAE,CAEZ","ignoreList":[]}
+{"version":3,"names":["cnMerge","cn","_cnMerge","_len","arguments","length","args","Array","_key","twMerge","omitProps","obj","keys","result","Object","assign","key"],"sourceRoot":"../../../src","sources":["lib/utils.ts"],"mappings":"AAAA,OAASA,OAAO,KAAwB,mBAAmB,CAE3D,MAAO,SAAS,CAAAC,EAAEA,CAAA,CAA6B,KAAAC,QAAA,SAAAC,IAAA,CAAAC,SAAA,CAAAC,MAAA,CAAzBC,IAAI,KAAAC,KAAA,CAAAJ,IAAA,EAAAK,IAAA,GAAAA,IAAA,CAAAL,IAAA,CAAAK,IAAA,IAAJF,IAAI,CAAAE,IAAA,EAAAJ,SAAA,CAAAI,IAAA,GACxB,OAAAN,QAAA,CACEF,OAAO,CAACM,IAAI,CAAC,CAAC,CACZG,OAAO,CAAE,IACX,CAAC,CAAC,QAAAP,QAAA,CAAI,EAAE,CAEZ,CAUA,MAAO,SAAS,CAAAQ,SAASA,CACvBC,GAAM,CACNC,IAAkB,CACN,CACZ,GAAM,CAAAC,MAAM,CAAAC,MAAA,CAAAC,MAAA,IAAQJ,GAAG,CAAE,CACzB,IAAK,GAAM,CAAAK,GAAG,GAAI,CAAAJ,IAAI,CAAE,CACtB,MAAO,CAAAC,MAAM,CAACG,GAAG,CAAY,CAC/B,CACA,MAAO,CAAAH,MAAM,CACf","ignoreList":[]}

package/lib/typescript/components/exports.d.ts

@@ -13,4 +13,5 @@ export * from "./Tags/exports";
 export * from "./experimental/Lists/DataList";
 export * from "./experimental/Lists/DetailsItem";
 export * from "./experimental/Lists/DetailsItemsList";
+export * from "./primitives/F0Text";
 //# sourceMappingURL=exports.d.ts.map

package/lib/typescript/components/exports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../src/components/exports.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,yBAAyB,CAAA;AACvC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA"}
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../src/components/exports.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,yBAAyB,CAAA;AACvC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AAGrD,cAAc,qBAAqB,CAAA"}

package/lib/typescript/components/primitives/F0Text/F0Text.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Text as RNText } from "react-native";
+import { type F0TextProps } from "./F0Text.types";
+export declare const F0Text: React.MemoExoticComponent<React.ForwardRefExoticComponent<F0TextProps & React.RefAttributes<RNText>>>;
+export type { F0TextProps };
+export { TYPOGRAPHY_VARIANTS, TEXT_COLORS, TEXT_ALIGN, TEXT_DECORATIONS, TEXT_TRANSFORMS, } from "./F0Text.types";
+export type { TypographyVariant, TextColor, TextAlign, TextDecoration, TextTransform, } from "./F0Text.types";
+//# sourceMappingURL=F0Text.d.ts.map

package/lib/typescript/components/primitives/F0Text/F0Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"F0Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/F0Text/F0Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAK7C,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAoDvE,eAAO,MAAM,MAAM,uGAA8B,CAAA;AAGjD,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,gBAAgB,CAAA;AACvB,YAAY,EACV,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,cAAc,EACd,aAAa,GACd,MAAM,gBAAgB,CAAA"}

package/lib/typescript/components/primitives/F0Text/F0Text.styles.d.ts

@@ -0,0 +1,141 @@
+import { type VariantProps } from "tailwind-variants";
+/**
+ * Text component variants using tailwind-variants
+ * Font weights (font-normal, font-medium, font-semibold) map to
+ * Inter font families (Inter-Regular, Inter-Medium, Inter-SemiBold)
+ */
+export declare const textVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        "heading-lg": string;
+        "heading-md": string;
+        "heading-sm": string;
+        "body-md-default": string;
+        "body-md-medium": string;
+        "body-md-semibold": string;
+        "body-sm-default": string;
+        "body-sm-medium": string;
+        "body-sm-semibold": string;
+        "body-xs-medium": string;
+    };
+    color: {
+        default: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        "inverse-secondary": string;
+        disabled: string;
+        accent: string;
+        critical: string;
+        info: string;
+        warning: string;
+        positive: string;
+        selected: string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+        justify: string;
+    };
+    decoration: {
+        none: string;
+        underline: string;
+        "line-through": string;
+    };
+    transform: {
+        none: string;
+        uppercase: string;
+        lowercase: string;
+        capitalize: string;
+    };
+}, undefined, "", {
+    variant: {
+        "heading-lg": string;
+        "heading-md": string;
+        "heading-sm": string;
+        "body-md-default": string;
+        "body-md-medium": string;
+        "body-md-semibold": string;
+        "body-sm-default": string;
+        "body-sm-medium": string;
+        "body-sm-semibold": string;
+        "body-xs-medium": string;
+    };
+    color: {
+        default: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        "inverse-secondary": string;
+        disabled: string;
+        accent: string;
+        critical: string;
+        info: string;
+        warning: string;
+        positive: string;
+        selected: string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+        justify: string;
+    };
+    decoration: {
+        none: string;
+        underline: string;
+        "line-through": string;
+    };
+    transform: {
+        none: string;
+        uppercase: string;
+        lowercase: string;
+        capitalize: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        "heading-lg": string;
+        "heading-md": string;
+        "heading-sm": string;
+        "body-md-default": string;
+        "body-md-medium": string;
+        "body-md-semibold": string;
+        "body-sm-default": string;
+        "body-sm-medium": string;
+        "body-sm-semibold": string;
+        "body-xs-medium": string;
+    };
+    color: {
+        default: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        "inverse-secondary": string;
+        disabled: string;
+        accent: string;
+        critical: string;
+        info: string;
+        warning: string;
+        positive: string;
+        selected: string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+        justify: string;
+    };
+    decoration: {
+        none: string;
+        underline: string;
+        "line-through": string;
+    };
+    transform: {
+        none: string;
+        uppercase: string;
+        lowercase: string;
+        capitalize: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>;
+export type TextVariants = VariantProps<typeof textVariants>;
+//# sourceMappingURL=F0Text.styles.d.ts.map

package/lib/typescript/components/primitives/F0Text/F0Text.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"F0Text.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/F0Text/F0Text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEzD;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA2DvB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA"}

package/lib/typescript/components/primitives/F0Text/F0Text.types.d.ts

@@ -0,0 +1,86 @@
+import type { TextProps as RNTextProps } from "react-native";
+/**
+ * Props that must not be passed through to the underlying RN Text
+ * (`style` and `className` are handled by F0 instead).
+ * Used with omitProps for runtime safety.
+ */
+export declare const F0_TEXT_BANNED_PROPS: readonly ["style", "className"];
+/**
+ * Typography variant types based on semantic design tokens
+ */
+export declare const TYPOGRAPHY_VARIANTS: readonly ["heading-lg", "heading-md", "heading-sm", "body-md-default", "body-md-medium", "body-md-semibold", "body-sm-default", "body-sm-medium", "body-sm-semibold", "body-xs-medium"];
+export type TypographyVariant = (typeof TYPOGRAPHY_VARIANTS)[number];
+/**
+ * Text color variants aligned with F0 semantic color system
+ */
+export declare const TEXT_COLORS: readonly ["default", "secondary", "tertiary", "inverse", "inverse-secondary", "disabled", "accent", "critical", "info", "warning", "positive", "selected"];
+export type TextColor = (typeof TEXT_COLORS)[number];
+/**
+ * Text alignment options
+ */
+export declare const TEXT_ALIGN: readonly ["left", "center", "right", "justify"];
+export type TextAlign = (typeof TEXT_ALIGN)[number];
+/**
+ * Text decoration options
+ */
+export declare const TEXT_DECORATIONS: readonly ["none", "underline", "line-through"];
+export type TextDecoration = (typeof TEXT_DECORATIONS)[number];
+/**
+ * Text transform options
+ */
+export declare const TEXT_TRANSFORMS: readonly ["none", "uppercase", "lowercase", "capitalize"];
+export type TextTransform = (typeof TEXT_TRANSFORMS)[number];
+/**
+ * Internal props for the F0Text component.
+ * @private
+ */
+interface F0TextPropsInternal extends Omit<RNTextProps, "style"> {
+    /**
+     * Semantic typography variant
+     * @default "body-sm-default"
+     */
+    variant?: TypographyVariant;
+    /**
+     * Text color from F0 semantic color system
+     * @default "default"
+     */
+    color?: TextColor;
+    /**
+     * Text alignment
+     * @default "left"
+     */
+    align?: TextAlign;
+    /**
+     * Text decoration
+     * @default "none"
+     */
+    decoration?: TextDecoration;
+    /**
+     * Text transform
+     * @default "none"
+     */
+    transform?: TextTransform;
+    /**
+     * Maximum number of lines before truncating with ellipsis
+     */
+    numberOfLines?: number;
+    /**
+     * Children content
+     */
+    children?: React.ReactNode;
+    /**
+     * Excluded from public API via Omit<F0TextPropsInternal, "className">.
+     * @private
+     */
+    className?: string;
+}
+/**
+ * Public props for the F0Text component
+ *
+ * Note: `className` and `style` props are NOT available.
+ * Use semantic props (variant, color, align, etc.) for typography.
+ * For spacing/layout, wrap F0Text in a View with className.
+ */
+export type F0TextProps = Omit<F0TextPropsInternal, "className">;
+export {};
+//# sourceMappingURL=F0Text.types.d.ts.map

package/lib/typescript/components/primitives/F0Text/F0Text.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"F0Text.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/F0Text/F0Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AAE5D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,iCAAkC,CAAA;AAEnE;;GAEG;AACH,eAAO,MAAM,mBAAmB,yLAWtB,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpE;;GAEG;AACH,eAAO,MAAM,WAAW,4JAad,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpD;;GAEG;AACH,eAAO,MAAM,UAAU,iDAAkD,CAAA;AAEzE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,gBAAgB,gDAAiD,CAAA;AAE9E,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,eAAe,2DAKlB,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5D;;;GAGG;AACH,UAAU,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAA;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAA"}

package/lib/typescript/components/primitives/F0Text/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * F0Text - Text primitive component
+ *
+ * @see F0Text.md for documentation
+ */
+export { F0Text } from "./F0Text";
+export type { F0TextProps, TypographyVariant, TextColor, TextAlign, TextDecoration, TextTransform, } from "./F0Text";
+export { TYPOGRAPHY_VARIANTS, TEXT_COLORS, TEXT_ALIGN, TEXT_DECORATIONS, TEXT_TRANSFORMS, } from "./F0Text";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/primitives/F0Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/F0Text/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,cAAc,EACd,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,UAAU,CAAA"}