@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.46

package/src/lib/Symbols/Icons/Threads.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Threads />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Threads size={40} className="text-warning" />
+ * // With custom size and style
+ * <Threads size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Tiktok.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Tiktok />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Tiktok size={40} className="text-warning" />
+ * // With custom size and style
+ * <Tiktok size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Tools.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Tools />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Tools size={40} className="text-warning" />
+ * // With custom size and style
+ * <Tools size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/TransferHorizontal.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <TransferHorizontal />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <TransferHorizontal size={40} className="text-warning" />
+ * // With custom size and style
+ * <TransferHorizontal size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/TransferVertical.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <TransferVertical />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <TransferVertical size={40} className="text-warning" />
+ * // With custom size and style
+ * <TransferVertical size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Trash.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Trash />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Trash size={40} className="text-warning" />
+ * // With custom size and style
+ * <Trash size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Truck.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Truck />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Truck size={40} className="text-warning" />
+ * // With custom size and style
+ * <Truck size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Twitter.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Twitter />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Twitter size={40} className="text-warning" />
+ * // With custom size and style
+ * <Twitter size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Unlock.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Unlock />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Unlock size={40} className="text-warning" />
+ * // With custom size and style
+ * <Unlock size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Usb.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Usb />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Usb size={40} className="text-warning" />
+ * // With custom size and style
+ * <Usb size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UsbC.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UsbC />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UsbC size={40} className="text-warning" />
+ * // With custom size and style
+ * <UsbC size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/User.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <User />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <User size={40} className="text-warning" />
+ * // With custom size and style
+ * <User size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UserAdd.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UserAdd />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UserAdd size={40} className="text-warning" />
+ * // With custom size and style
+ * <UserAdd size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UserArrowRight.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UserArrowRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UserArrowRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <UserArrowRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UserCheck.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UserCheck />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UserCheck size={40} className="text-warning" />
+ * // With custom size and style
+ * <UserCheck size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UserCircle.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UserCircle />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UserCircle size={40} className="text-warning" />
+ * // With custom size and style
+ * <UserCircle size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UserDelete.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UserDelete />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UserDelete size={40} className="text-warning" />
+ * // With custom size and style
+ * <UserDelete size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UserLock.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UserLock />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UserLock size={40} className="text-warning" />
+ * // With custom size and style
+ * <UserLock size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/UserShield.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <UserShield />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <UserShield size={40} className="text-warning" />
+ * // With custom size and style
+ * <UserShield size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Wallet.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Wallet />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Wallet size={40} className="text-warning" />
+ * // With custom size and style
+ * <Wallet size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/WalletInput.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <WalletInput />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <WalletInput size={40} className="text-warning" />
+ * // With custom size and style
+ * <WalletInput size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/WalletSearch.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <WalletSearch />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <WalletSearch size={40} className="text-warning" />
+ * // With custom size and style
+ * <WalletSearch size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Warning.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Warning />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Warning size={40} className="text-warning" />
+ * // With custom size and style
+ * <Warning size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/WarningFill.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <WarningFill />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <WarningFill size={40} className="text-warning" />
+ * // With custom size and style
+ * <WarningFill size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Whatsapp.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Whatsapp />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Whatsapp size={40} className="text-warning" />
+ * // With custom size and style
+ * <Whatsapp size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Windows.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Windows />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Windows size={40} className="text-warning" />
+ * // With custom size and style
+ * <Windows size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/WirelessCharging.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <WirelessCharging />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <WirelessCharging size={40} className="text-warning" />
+ * // With custom size and style
+ * <WirelessCharging size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Youtube.tsx

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Youtube />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Youtube size={40} className="text-warning" />
+ * // With custom size and style
+ * <Youtube size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/utils/index.ts

@@ -1,4 +1,3 @@
-export * from './cn';
 export * from './constants';
 export * from './components';
 export * from './react';

package/src/styles/hooks/index.ts

@@ -0,0 +1,2 @@
+export { useTheme } from './useTheme';
+export { useStyleSheet } from './useStyleSheet';